如何隐藏状态栏（反应原生/ iOS）？

Question

刚开始学习React Native。通过官方网站上的示例。我做了Hello World示例，状态栏与文本重叠。如何隐藏状态栏？

import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <Text>Hello world!</Text>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);

由于

Answer 1

您可以使用StatusBar组件。

import React, { Component } from 'react';
import { AppRegistry, StatusBar, Text, View } from 'react-native';

class HelloWorldApp extends Component {
  render() {
    return (
      <View>
        <StatusBar hidden={true} />
        <Text>Hello world!</Text>
      </View>
    );
  }
}

AppRegistry.registerComponent('HelloWorldApp', () => HelloWorldApp);