React Native StatusBar的使用

这个已经被官方项目,抛弃了
使用react-navigation代替

what is StatusBar?
参考:https://www.jianshu.com/p/df06ce8409fd

1.什么是状态栏,状态栏在iOS和Android上有哪些不同?
状态栏是指app最上边展示时间、信号等信息的一览,如下图被框住的地方所示:

2.StatusBar的属性
React Native提供了一个组件——StatusBar用于控制状态栏,包括颜色,动画效果,显示和隐藏等。
StatusBar在iOS和Android上可供设置的属性稍有不同

2.1 通用属性
animated
设置当状态栏的状态发生变化时,是否需要加入动画。
动画支持 backgroundColor、barStyle 和 hidden 属性的变化。
hidden
设置状态栏是否隐藏。

2.2 Android专用属性
backgroundColor
Android 设备上状态栏的背景颜色

<StatusBar backgroundColor={'blue'} />

Navigator已经被React Native废弃了。也许你可以在另外的一个依赖库里react-native-deprecated-custom-components里找到。

不过既然官方推荐的是react-navigation那我们就来看看这个东西到底有什么好的,值不值得用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值