React native deaktivieren automatisch drehen

Question

Ich muss Auto-Rotation-Funktion in der react-native Anwendung deaktivieren.

Die Anwendung sollte Hoch- und Querformat unterstützen, der Benutzer sollte jedoch keinen Rotationsbildschirm verwenden können. Jetzt habe ich reactive-native-orientation verwendet, aber dieses Modul hat nur die Ausrichtung überprüft und auf den notwendigen Wert geändert.

Also muss ich Bildschirm nur programmgesteuert drehen.

RN Version: 0.33

Answer 1

Sie können Ihre Xcode Geräteausrichtung

Set in Ihrem Android-Manifest-Datei gesetzt: android:screenOrientation="portrait"

Oder Sie können es Dimensions mit eingestellt. Etwas wie folgt aus:

Dimensions.addEventListener('change', ({ window: { width, height } }) => { 
    const orientation = width > height ? 'LANDSCAPE' : 'PORTRAIT'; 
} 

Oder Sie können react-native-orientation verwenden den Bildschirm auf Hoch- oder Querformat zu sperren wie Sie benötigen. Ich habe ein funktionierendes Beispiel in meinem GitHub: https://github.com/soutot/react-native-orientation-test

class App extends Component { 
    componentDidMount() { 
     Orientation.lockToLandscape(); 
    } 

    render() { 
     return(
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center'}}> 
       <Text>This is my content</Text> 
      </View> 
     ); 
    } 
} 

Hoffe, dass es