1.animated bool 進(jìn)行設(shè)置當(dāng)狀態(tài)欄的狀態(tài)發(fā)生變化的時候是否需要加入動畫。當(dāng)前該動畫支持backgroundColor,barStyle和hidden屬性
2.hidden bool 進(jìn)行設(shè)置狀態(tài)欄是否隱藏
3.backgroundColor color類型,僅支持Android設(shè)備,設(shè)置狀態(tài)欄的背景顏色
4.translucent bool類型,僅支持Android設(shè)備, 進(jìn)行設(shè)置狀態(tài)欄是否為透明。當(dāng)狀態(tài)欄的值為true的時候,應(yīng)用將會在狀態(tài)欄下面進(jìn)行繪制顯示。這樣在Android平臺上面就是沉浸式的效果,可以達(dá)到Android和iOS應(yīng)用一致性效果。該值常常配置半透明效果的狀態(tài)欄顏色一起使用
5.barStyle enum('default','light-content') 枚舉類型,僅支持iOS設(shè)備。進(jìn)行設(shè)置狀態(tài)欄文字的顏色
6.networkActivityIndicatorVisible bool類型,僅支持iOS設(shè)備。設(shè)置狀態(tài)欄上面的網(wǎng)絡(luò)進(jìn)度加載器是否進(jìn)行顯示
7.showHideTransition enum('fade','slide') 枚舉類型,僅支持iOS設(shè)備。進(jìn)行設(shè)置當(dāng)隱藏或者顯示狀態(tài)欄的時候的動畫效果。默認(rèn)值為'fade'
使用方法
當(dāng)然需要導(dǎo)入
import {
AppRegistry,
StyleSheet,
StatusBar,
} from 'react-native';
用法如下:
render() {
return (
<View>
//白色,具體其他的參數(shù)參考上面的屬性介紹
<StatusBar barStyle={'light-content' }/>
</View>
);
}