Systemeigene dualscreeninfo für Surface Duo reagierenReact Native DualScreenInfo for Surface Duo

Dualscreeninfo ist ein nicht visuelles Hilfsprogramm, das Informationen über das Gerät bereitstellt, sodass Ihr Code und Ihre Layouts an duale Bildschirme angepasst werden können.DualScreenInfo is a non-visual helper that provides information about the device so that your code and layouts can adapt to dual-screens. Sie enthält die folgenden Methoden:It contains the following methods:

  • isDualScreenDevice – Überprüfen Sie dies, bevor Sie auf andere Dual-Screen-spezifische APIs zugreifen.isDualScreenDevice – check this before accessing other dual-screen-specific APIs.
  • isSpanning – Gibt an, ob die APP auf einem oder zwei Bildschirmen angezeigt wird.isSpanning – whether the app is on one or two screens.
  • windowRects – die Begrenzungen der beiden Anzeige Rechtecke (ohne den Scharnier Bereich).windowRects – the bounds of the two display rectangles (excluding the hinge area).
  • didUpdateSpanning – Ereignislistener, damit der Code Antworten kann, wenn die APP überspannt oder auf einen einzelnen Bildschirm verschoben wird.didUpdateSpanning – event listener so your code can respond when the app is spanned or moved to a single screen.

InstallationInstallation

Befolgen Sie die Installationsanweisungen für die Installation von " -native-dualscreeninfo ":Follow the react-native-dualscreeninfo installation instructions:

  1. Ändern Sie Android/Build. gradle , um die Unterstützung für die Unterstützung von "Modify android/build.gradle to add Kotlin support:

    buildscript {
      ext {
        ...
    +   kotlinVersion = "1.3.50"
      }
    ...
    
      dependencies {
    +   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...
    
  2. Führen Sie aus npm install react-native-dual-screen , um das SDK-Paket hinzuzufügen.Run npm install react-native-dual-screen to add the SDK package.

  3. Ändern Sie, android:configChanges indem Sie diese Optionen einschließen:Modify android:configChanges by including these options:

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

BeispieleSamples

Wenn die Beispiele installiert sind, versuchen Sie es noch mal.Once installed, give the samples a try.

SourceSource

Dualscreeninfo ist eine Open Source-Komponente, die auf GitHubverfügbar ist.DualScreenInfo is an open-source component, available on GitHub.