如何在Android中使用React Native隐藏状态栏？

Question

如何在Android中使用React Native隐藏状态栏？

https://facebook.github.io/react-native/docs/statusbarios.html#content

Answer 1

您可以尝试react-native-android-statusbar 。

var StatusBarAndroid = require('react-native-android-statusbar');
StatusBarAndroid.hideStatusBar()

Answer 2

您不再需要安装依赖项来隐藏react-native中的状态栏。以下内容适用于Android和iOS。

要隐藏StatusBar，可以直接使用react-native中的组件。它在文档here中列出。

您可以通过两种不同的方式使用它。一个作为组成部分，另一个则是当务之急。对于两者，您都可以从react-native导入。

import { StatusBar } from 'react-native';

组件

在渲染旁边：

render() {
  return (
    <View style={styles.container}>
      <StatusBar hidden={true} /> // <- you could set this from a value in state
       ...
    </View>
  );
}

紧急地

这允许您通过函数调用将其隐藏。

componentDidMount () {
  // doesn't have to be in the componentDidMount it could be in some other function call.
  StatusBar.isHidden(true);
}

Answer 3

：D