ReactNative默认状态下在顶部会显示时间、网络、电量等信息的状态栏
默认显示顶部状态栏
你会发现状态栏和你的顶部文字会重叠在一起，很丑。下面有几个方法来解决
方法一 顶部栏的高度是20，设置 marginTop:20
设置 marginTop:20
设置 marginTop:20
上面就是显示效果，有个顶部距离就不会重叠在一起。
方法二 给第一个元素设置paddingTop:20
设置paddingTop:20
设置paddingTop:20
如上图所示，状态栏和第一条内容的背景色一致，融在一起了。
方法三 设置StatusBar
如果在页面加一行代码，状态栏就会隐藏
<StatusBar hidden={true}/>
加一行代码
隐藏顶部
此外，StatusBar还可以设置更多的属性，详情请看api文档
<StatusBar barStyle="light-content" /> 顶部栏文字为白色
<StatusBar barStyle="dark-content" /> 顶部栏文字为黑色
