React Native DualScreenInfo für Surface Duo

  • Artikel

DualScreenInfo ist ein nicht visuelles Hilfsgerät, das Informationen zum Gerät enthält, damit Sich Ihr Code und Ihre Layouts an duale Bildschirme anpassen können. Sie enthält die folgenden Methoden:

  • isDualScreenDevice – Überprüfen Sie dies, bevor Sie auf andere duale Bildschirm-spezifische APIs zugreifen.
  • isSpanning : Gibt an, ob sich die App auf einem oder zwei Bildschirmen befindet.
  • windowRects – die Begrenzungen der beiden Anzeigerechtecke (mit Ausnahme des Scharnierbereichs).
  • didUpdateSpanning – Ereignislistener, damit Ihr Code reagieren kann, wenn die App auf einem einzelnen Bildschirm angezeigt oder verschoben wird.

Installation

Befolgen Sie die Installationsanweisungen für react-native-dualscreeninfo :

  1. Ändern Sie android/build.gradle, um Kotlin-Unterstützung hinzuzufügen:

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

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

  2. Führen Sie npm install react-native-dual-screen aus, um das SDK-Paket hinzuzufügen.

  3. Ändern Sie android:configChanges diese, indem Sie die folgenden Optionen hinzufügen:

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

Beispiele

Probieren Sie nach der Installation die Beispiele aus.

`Source`

DualScreenInfo ist eine Open-Source-Komponente, die auf GitHub.