Share via

React Native DualScreenInfo para o Surface Duo

  • Artigo

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 (exceto a área da dobradiça).
  • didUpdateSpanning – ouvinte de eventos para que seu código possa responder quando o aplicativo for estendido ou movido para uma única tela.

Instalação

Siga as instruções de instalação reagir-Native-dualscreeninfo :

  1. Modifique Android/Build. gradle para adicionar suporte a 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, dê uma tentativa aos exemplos .

Fonte

DualScreenInfo é um componente de código-fonte aberto, disponível em GitHub.