Ready

现在大多数的ReactNative使用的路由都是react navigation.本示例就以react-navigation为例.解决其中遇到有需要切换tab来改变顶部状态栏字体以及背景色的需求

Go

only have a single line of code

 componentDidMount() {
        this._navListener = this.props.navigation.addListener('didFocus', () => {
            StatusBar.setBarStyle('light-content');
            //!IOS && StatusBar.setBackgroundColor('#6a51ae');
        });
    }
  componentWillUnmount() {
        this._navListener.remove();
    }
 

StatusBar.setBarStyle('light-content');//是设置为白色(仅IOS有效)
StatusBar.setBarStyle('dark-content');//是设置为黑色(仅IOS有效)
!IOS && StatusBar.setBackgroundColor('#6a51ae')//Android可以修改背景色

最终效果

Untitled1.gif