taro-ui组件 AtNavBar 默认使用方式样式错乱

问题描述 使用taro-ui 中的AtNavBar 组件，没有做任何特殊处理及样式修改的情况下，不管是微信小程序还是百度小程序均样式错乱

复现步骤 npm run dev:weapp npm run dev:swan 不管是开发工具还是真机样式均乱

import Taro, { useState,useEffect,useCallback } from '@tarojs/taro'
import { View,Navigator,Image,ScrollView} from '@tarojs/components'
import './list.scss'

import {AtNavBar } from 'taro-ui'

export default function List(props) {
  //组件初始化
  useEffect(()=>{

  },[])

  return (
    <Block>
      <AtNavBar
        onClickLeftIcon={()=>{console.log(1)}}
        color='#000'
        title='高尔夫'
        leftText='首页'
      />
    </Block>

  )

}
List.config = {
  navigationBarTitleText: '车系列表'
}
List.options={
  addGlobalClass:true
}

list.scss @import "~taro-ui/dist/style/components/nav-bar.scss"; @import "~taro-ui/dist/style/components/icon.scss";

期望行为 正常显示

报错信息

系统信息 👽 Taro v1.3.22

Taro CLI 1.3.22 environment info: System: OS: Windows 10 Binaries: Node: 10.15.0 - C:\Program Files\nodejs\node.EXE npm: 6.4.1 - C:\Program Files\nodejs\npm.CMD

补充信息 经反复测试发现导航栏组件没有加上状态栏的高度造成的，希望尽快将功能完善

NervJS / taro-ui

taro-ui组件 AtNavBar 默认使用方式样式错乱 #852