React Native DualScreenInfo für Surface Duo
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 :
Ä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}") ...
Führen Sie
npm install react-native-dual-screen
aus, um das SDK-Paket hinzuzufügen.Ä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.