Поделиться через

React Native дуалскрининфо для Surface Duo

  • Статья

Дуалскрининфо — это невизуальный вспомогательный модуль, который предоставляет сведения об устройстве, чтобы код и макеты могли адаптироваться к двойным экранам. Он содержит следующие методы.

  • isDualScreenDevice — Проверьте это, прежде чем обращаться к другим API-интерфейсам, зависящим от двух экранов.
  • isSpanning — находится ли приложение на одном или двух экранах.
  • windowRects — границы двух экранных прямоугольников (за исключением области шарнира).
  • didUpdateSpanning — прослушиватель событий, чтобы ваш код мог отвечать, когда приложение является составным или перемещается на один экран.

Установка

Следуйте инструкциям по установке " реакция на дуалскрининфо ":

  1. Измените Android/Build. gradle , чтобы добавить поддержку Котлин:

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

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

  2. Выполните команду npm install react-native-dual-screen , чтобы добавить пакет SDK.

  3. Измените android:configChanges , включив следующие параметры:

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

Примеры

После установки Придайте примерам пробную версию.

Источник

Дуалскрининфо — это компонент с открытым исходным кодом, доступный на GitHub.