web-dev-qa-db-fra.com

Verrouiller l'orientation du périphérique - React Native (Android)

J'utilise React Native 0.29 et je développe pour Android. J'essaie de verrouiller l'orientation de l'appareil. Ce dont j'ai besoin, c'est de verrouiller l'écran en mode portrait. J'ai essayé avec ce référentiel https://github.com/yamill/react-native-orientation mais il ne supporte pas encore la RN 0.29.

Est-il possible de verrouiller l'orientation de l'appareil? Peut-être que n'importe quel hack Android natif avec Android Studio?

androidreact-nativeorientationdevice-orientation
12
Provash Shoumma

Ajoutez simplement Android: screenOrientation = "portrait" à l'activité du fichier AndroidManifest.xml.

24
Felipe Martim

Il existe une demande d'extraction pour que cela fonctionne avec les versions 0.29.2 et supérieures: https://github.com/yamill/react-native-orientation/pull/85

Si vous utilisez sa version, cela devrait fonctionner à partir de la 0.29.2: https://github.com/youennPennarun/react-native-orientation

Pas:

  1. dissociez l'installation précédente avec rnpm unlink react-native-orientation
  2. rm -rf node_modules/react-native-orientation

  3. dans votre package.json, éditez l'entrée de react-native-orientation pour qu'elle soit comme:

    "react-native-orientation": "youennPennarun/react-native-orientation"

  4. npm install

  5. react-native link react-native-orientation

Les choses devraient fonctionner après cela. Vous pouvez suivre la progression du PR et passer au référentiel principal une fois qu'il a été fusionné.

2
Aakash Sigdel

Étape 1  

npm install git+https://github.com/yamill/react-native-orientation.git --save

Étape 2: react-native link Étape: 3 Modifiez le fichier MainApplication.Java avec:

import com.github.yamill.orientation.OrientationPackage;// import

@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
new OrientationPackage() //add this
);
}
0
anoopda

react-native-orientation - n'est plus compatible avec la nouvelle version (j'ai essayé la version 0.39.2). Après avoir lié ce module, j'ai l'erreur du compilateur . Comme je l'ai eu, nous devrions maintenant utiliser react-native-orientation-listener

npm install --save réagit-list-orientation-listener
rnpm link

0
Sergey Onishchenko