Condividi tramite

React Native DualScreenInfo per Surface Duo

  • Articolo

DualScreenInfo è un helper non visivo che fornisce informazioni sul dispositivo in modo che il codice e i layout possano adattarsi a doppio schermo. Contiene i metodi seguenti:

  • isDualScreenDevice : verificare questa opzione prima di accedere ad altre API specifiche per doppio schermo.
  • isSpanning : indica se l'app si trova in una o due schermate.
  • windowRects : i limiti dei due rettangoli di visualizzazione (esclusa l'area della cerniata).
  • didUpdateSpanning : listener di eventi in modo che il codice possa rispondere quando l'app è con spanning o spostata in una singola schermata.

Installazione

Seguire le istruzioni di installazione react-native-dualscreeninfo :

  1. Modificare android/build.gradle per aggiungere il supporto kotlin:

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

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

  2. Eseguire npm install react-native-dual-screen per aggiungere il pacchetto SDK.

  3. Modificare android:configChanges includendo queste opzioni:

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

Esempi

Dopo l'installazione , provare gli esempi.

Origine

DualScreenInfo è un componente open source, disponibile in GitHub.