如何隱藏狀態欄（反應原生/ 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);