StatusBar控制应用状态栏的组件(实现沉浸式)

用React native在做APP时,状态栏的背景色跟APP顶部颜色断层以及状态栏字体颜色动画会很影响外观,所以需要使用到StatusBar对状态栏进行修改。


属性

通用

animated  bool类型,指定状态栏的变化是否应以动画形式呈现。目前支持这几种样式:backgroundColor, barStyle和hidden。

hidden   bool类型,是否隐藏状态栏。

barStyle 用来指定状态栏文本颜色,可以取值:’default’, ‘light-content’, ‘dark-content’。

andorid

backgroundColor ,状态栏的背景颜色

translucent  bool 类型,指定状态栏是否透明。设置为true时,应用会在状态栏之下绘制(即沉浸式),常和带有半透明背景色的状态栏搭配使用(ios默认为沉浸式)。

ios

networkActivityIndicatorVisible ,指定是否显示网络活动提示符。

showHideTransition  enum('fade', 'slide')通过hidden属性来显示或隐藏状态栏时所使用的动画效果。默认值为’fade’。

QQ截图20180309215642.png

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容