React-Navigation StatusBar狀態欄字體顏色亂跳問題

現象

在A界面render里面設置狀態欄為白色，調用react-navigation的navigation.navigate('setting',{title:'設置'})跳到設置頁 B頁。并在B界面render里設置狀態欄為黑色，過一會突然變成了白色。（Ps：把<StatusBar />寫在render里）

原因

StatusBar是全局的，當界面停留至B界面，在A界面里數據改變就會調用A界面的render 方法，進而改變B界面的狀態欄，并不是筆者最初理解的在B界面決定B界面狀態欄背景色只是B界面render里面的組件

解決辦法

1、把設置狀態欄背景色的相關的方法和屬性移除，
2、監聽導航欄生命周期，或者在決定跳往其他界面時調用StatusBar.setBarStyle('light-content');方法

總結

以上是生活随笔為你收集整理的React-Navigation StatusBar IOS状态栏字体颜色乱跳问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。