属性

属性名	描述
animated	布尔类型,用来设定颜色样式改变或者隐现时是否有动画,默认false
hidden	布尔类型,用来设定颜色样式改变或者隐现时是否有动画,默认false

Android:

Android特有属性	描述
backgroundColor	Android设备上状态栏的背景颜色
translucent	布尔类型,状态栏是否半透明,如果为true,应用将从物理顶端开始显示

IOS:

IOS特有属性	描述
barStyle	取值为default(默认)或light-content,用来设定状态栏的文字颜色
networkActivityIndicatorVisible	布尔类型,设定网络活动指示器(就是那个菊花)是否显示在状态栏
showHideTransition	fade’, ‘slide’二选一，通过hidden属性来显示或隐藏状态栏时所使用的动画效果。默认值为’fade’。

属性比较简单，直接看例子：

class AwesomeProject extends Component {
         render() {        return (            // 为了保重TextInput组件居中显示多用一个View包裹            
                     
                  
             );    }}

这份代码既有Android独有属性,也有IOS独有属性,在不同的平台下表现不一样,

IOS运行结果:

Android运行结果:

与Navigator搭配的用法

StatusBar组件可以同时加载多个。此时属性会按照加载顺序合并（后者覆盖前者）。一个典型的用法就是在使用Navigator时，针对不同的路由指定不同的状态栏样式，如下：

更多精彩请关注微信公众账号likeDev