使用React Native隐藏状态栏

reactjs React.js

Gil猿

2020-03-19

使用React Native开发时如何隐藏iOS或Android的状态栏？我已经导入了StatusBar，但是我相信还有StatusBarIOS和一个StatusBar for Android。

第2314篇《使用React Native隐藏状态栏》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共3个回答

Eva卡卡西 2020.03.19

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

<StatusBar hidden />

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

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

StafanHarry 2020.03.19

我更喜欢导入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>
       )
    }
}