如何隐藏状态栏（反应原生/ 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);