React Native DualScreenInfo para Surface Duo

DualScreenInfo é um auxiliar não visual que fornece informações sobre o dispositivo para que seu código e layouts possam se adaptar a telas duplas. Ele contém os seguintes métodos:

  • isDualScreenDevice – verifique isso antes de acessar outras APIs específicas de tela dupla.
  • isSpanning – se o aplicativo está em uma ou duas telas.
  • windowRects – os limites dos dois retângulos de exibição (excluindo a área da dobradiça).
  • didUpdateSpanning – ouvinte de eventos para que seu código possa responder quando o aplicativo for ampliado ou movido para uma única tela.

Instalação

Siga as instruções de instalação react-native-dualscreeninfo:

  1. Modifique android/build.gradle para adicionar suporte ao Kotlin:

    buildscript {
      ext {
        ...
    +   kotlinVersion = "1.3.50"
      }
    ...
    
      dependencies {
    +   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...
    
  2. Execute npm install react-native-dual-screen para adicionar o pacote do SDK.

  3. Modifique android:configChanges incluindo estas opções:

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

Exemplos

Depois de instalado, experimente os exemplos.

Fonte

DualScreenInfo é um componente de código aberto, disponível no GitHub.