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

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

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

```js
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 (

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


)

}
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

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