Partager via

React Native DualScreenInfo pour Surface Duo

  • Article

DualScreenInfo est un programme d’assistance non visuel qui fournit des informations sur l’appareil afin que votre code et vos dispositions puissent s’adapter aux deux écrans. Elle contient les méthodes suivantes :

  • isDualScreenDevice : vérifiez cela avant d’accéder à d’autres API spécifiques à deux écrans.
  • isSpanning : indique si l’application se trouve sur un ou deux écrans.
  • windowRects : les limites des deux rectangles d’affichage (à l’exception de la zone de charnière).
  • didUpdateSpanning : écouteur d’événements afin que votre code puisse répondre lorsque l’application est fractionnée ou déplacée sur un seul écran.

Installation

Suivez les instructions d’installation de REACT-Native-dualscreeninfo :

  1. Modifiez Android/Build. gradle pour ajouter la prise en charge de Kotlin :

    buildscript {
  ext {
    ...
+   kotlinVersion = "1.3.50"
  }
...

  dependencies {
+   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
...

  2. Exécutez npm install react-native-dual-screen pour ajouter le package du kit de développement logiciel (SDK).

  3. Modifiez android:configChanges en incluant les options suivantes :

    android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"

Exemples

Une fois l’installation terminée, donnez un essai à l' exemple .

Source

DualScreenInfo est un composant Open source, disponible sur GitHub.