ステータスバーを非表示にするにはどうすればいいですか？

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);