ReactNative默认状态下在顶部会显示时间、网络、电量等信息的状态栏
默认显示顶部状态栏
你会发现状态栏和你的顶部文字会重叠在一起，很丑。下面有几个方法来解决
设置 marginTop:20
设置 marginTop:20
上面就是显示效果，有个顶部距离就不会重叠在一起。
设置paddingTop:20
设置paddingTop:20
如上图所示，状态栏和第一条内容的背景色一致，融在一起了。
如果在页面加一行代码，状态栏就会隐藏
<StatusBar hidden={true}/>
加一行代码
隐藏顶部
此外，StatusBar还可以设置更多的属性，详情请看api文档
<StatusBar barStyle="light-content" /> 顶部栏文字为白色
<StatusBar barStyle="dark-content" /> 顶部栏文字为黑色
ReactNative默认状态下在顶部会显示时间、网络、电量等信息的状态栏 你会发现状态栏和你的顶部文字会重叠在一...
Android设置状态栏的颜色的方法在学习ToolBar的时候已经学会了:见以下链接结合Toolbar设置状态栏颜...
实现状态栏背景的设置状态栏工具类public class StatusBarUtil {/*** 设置沉浸式状态栏...
iOS 状态栏的隐藏显示与状态栏样式的设置 iOS 状态栏的隐藏显示与状态栏样式的设置
ReactNative学习笔记1.1 ReactNative学习笔记1.2 ReactNative学习笔记1.3 ...
1.沉浸式状态栏 获取状态栏的高度，然后把toolbar的高度加上状态栏的高度，再设置状态栏透明设置状态栏透明： ...
通过设置Theme主题设置状态栏透明 保证内容不扩充到状态栏
Reactnative 使用SafeAreaView适配IOS iphonex 刘海屏 状态栏和底部背景色 最新新...
想要实现的效果： 设置透明状态栏 设置之后虽然状态栏隐藏了，但是状态栏的高度被填充了（少了状态栏的高度），如下： ...
iOS状态栏的相关设置 一:状态栏的隐藏和显示(全局设置) 1...
本文标题： ReactNative学习---设置状态栏
本文链接：https://www.haomeiwen.com/subject/ipmawttx.html
网友评论