十五、React Native StatusBar

228 阅读1分钟
1.animated bool   进行设置当状态栏的状态发生变化的时候是否需要加入动画。当前该动画支持backgroundColor,barStyle和hidden属性

 2.hidden  bool  进行设置状态栏是否隐藏

 3.backgroundColor   color类型,仅支持Android设备,设置状态栏的背景颜色

 4.translucent bool类型,仅支持Android设备, 进行设置状态栏是否为透明。当状态栏的值为true的时候,应用将会在状态栏下面进行绘制显示。这样在Android平台上面就是沉浸式的效果,可以达到Android和iOS应用一致性效果。该值常常配置半透明效果的状态栏颜色一起使用

 5.barStyle  enum('default','light-content')  枚举类型,仅支持iOS设备。进行设置状态栏文字的颜色

 6.networkActivityIndicatorVisible   bool类型,仅支持iOS设备。设置状态栏上面的网络进度加载器是否进行显示

 7.showHideTransition   enum('fade','slide') 枚举类型,仅支持iOS设备。进行设置当隐藏或者显示状态栏的时候的动画效果。默认值为'fade'

e.g.: 当然需要导入 import { AppRegistry, StyleSheet, StatusBar, } from 'react-native';

用法如下:

render() {
    return (

        <View>

//白色,具体其他的参数参考上面的属性介绍 <StatusBar barStyle={'light-content' }/>

        </View>

    );
}