React-Native-StatusBar



 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>

        );
    }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 本來應(yīng)該是使用StatusBarIOS的,但是發(fā)現(xiàn)StatusBarIOS竟然報(bào)錯了,只好使用StatusBar,...
    煎包小混沌閱讀 2,466評論 0 1
  • StatusBar詳解 具體參數(shù)詳解 StatusBar組件可以同時加載多個。此時屬性會按照加載順序合并(后者覆...
    一洼世界閱讀 326評論 0 0
  • 使用App.png 本文結(jié)構(gòu) 目前App的幾種常見的開發(fā)模式 關(guān)于React-Native的一點(diǎn)小看法 React...
    ZeroJ閱讀 5,550評論 0 22
  • 第一章 前言 我,23,渴望世界遨游,卻怕孤單,所以一直努力… 我以為世界在很遠(yuǎn),但是有時候,世界其實(shí)就在眼里… ...
    藍(lán)嵐嵐閱讀 159評論 0 0
  • 窗外霾正濃,隔壁裝修的電鉆似要把我的頭鉆開,我無處可逃,只有坐下來強(qiáng)行對抗噪音??纯唇裉斓膶懽髦黝},居然是“幸福...
    雨雪霏_cd閱讀 224評論 0 2

友情鏈接更多精彩內(nèi)容