使用React Native隐藏状态栏

从版本0开始。至今（0.55 / 2018年6月）

<StatusBar hidden />

归功于此答案中的第一个评论

请记住首先按照此处的其他答案导入StatusBar组件

我更喜欢导入StatusBar组件并将true传递给隐藏属性的简单方法。

所以很简单：

import React from "react";
import { StatusBar, View, Text } from "react-native";

class App extends React.Component {

    render() {
       return (
        <View>
          <StatusBar hidden={true} />
          <Text>Hello React Native!</Text>
        </View>
       )
    }
}

弄清楚如何隐藏状态栏。首先，不建议使用 StatusBarIOS，因此您需要导入StatusBar，然后只需在渲染顶部包括以下代码片段即可：

<StatusBar hidden />

响应本机文档 StatusBar