React native DualScreenInfo per Surface DuoReact Native DualScreenInfo for Surface Duo

DualScreenInfo è un helper non visivo che fornisce informazioni sul dispositivo, in modo che il codice e i layout possano adattarsi a doppio schermo.DualScreenInfo is a non-visual helper that provides information about the device so that your code and layouts can adapt to dual-screens. Contiene i metodi seguenti:It contains the following methods:

  • isDualScreenDevice : selezionare questa opzione prima di accedere ad altre API specifiche per due schermate.isDualScreenDevice – check this before accessing other dual-screen-specific APIs.
  • isSpanning : indica se l'app si trova in una o due schermate.isSpanning – whether the app is on one or two screens.
  • windowRects : i limiti dei due rettangoli di visualizzazione (esclusa l'area della cerniera).windowRects – the bounds of the two display rectangles (excluding the hinge area).
  • didUpdateSpanning : listener di eventi in modo che il codice possa rispondere quando l'app viene distribuita o spostata in una singola schermata.didUpdateSpanning – event listener so your code can respond when the app is spanned or moved to a single screen.

InstallazioneInstallation

Seguire le istruzioni di installazione React-native-dualscreeninfo :Follow the react-native-dualscreeninfo installation instructions:

  1. Modificare Android/Build. Gradle per aggiungere il supporto di Kotlin:Modify android/build.gradle to add Kotlin support:

    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.Run npm install react-native-dual-screen to add the SDK package.

  3. Modificare android:configChanges includendo le opzioni seguenti:Modify android:configChanges by including these options:

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

EsempiSamples

Una volta installato, fornire agli esempi un tentativo.Once installed, give the samples a try.

Source (Sorgente)Source

DualScreenInfo è un componente Open Source, disponibile su GitHub.DualScreenInfo is an open-source component, available on GitHub.