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.