ReactNative——如何隐藏状态栏（实现沉浸式）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_28484355/article/details/81320019

RN中隐藏状态栏的方式很简单，在页面的根布局的顶部添加一个StatusBar即可，设置相关属性如下：

<StatusBar

    backgroundColor='#ff0000'

    translucent={true}

    hidden={true}

    animated={true}/>

例如：

export default class MainPage extends Component {
    render() {
        return(
            <View style={{flex: 1}}>
                <StatusBar backgroundColor="#ff0000"
                           translucent={true}
                           hidden={true}
                           animated={true}/>
                <Text>HelloWord</>
            </View>
        )
    }
}