React Native DualScreenInfo untuk Surface Duo

  • Artikel

DualScreenInfo adalah pembantu non-visual yang menyediakan informasi tentang perangkat sehingga kode dan tata letak Anda dapat beradaptasi dengan layar ganda. Ini berisi metode berikut:

  • isDualScreenDevice – periksa ini sebelum mengakses API khusus layar ganda lainnya.
  • isSpanning – apakah aplikasi berada di satu atau dua layar.
  • windowRects – batas dua persegi panjang tampilan (tidak termasuk area engsel).
  • didUpdateSpanning – pendengar peristiwa sehingga kode Anda dapat merespons saat aplikasi diperluas atau dipindahkan ke satu layar.

Penginstalan

Ikuti instruksi penginstalan react-native-dualscreeninfo :

  1. Ubah android/build.gradle untuk menambahkan dukungan Kotlin:

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

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

  2. Jalankan npm install react-native-dual-screen untuk menambahkan paket SDK.

  3. Ubah android:configChanges dengan menyertakan opsi ini:

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

Sampel

Setelah diinstal, coba sampel .

Sumber

DualScreenInfo adalah komponen sumber terbuka, tersedia di GitHub.