Wie kann ich die Statusleiste ausblenden (natives/iOS reagieren)?

Question

Beginnen Sie gerade mit dem Lernen von React Native. Durch Beispiele auf der offiziellen Seite gehen. Ich habe das Hello World Beispiel gemacht und die Statusleiste überlappt den Text. Wie kann ich die Statusleiste ausblenden?

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

Dank

Answer 1

können Sie die StatusBar Komponente verwenden.

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