Compartir a través de


React Native DualScreenInfo para Surface Duo

DualScreenInfo es un asistente no visual que proporciona información sobre el dispositivo para que el código y los diseños se puedan adaptar a pantallas dobles. Contiene los métodos siguientes:

  • isDualScreenDevice : compruebe esto antes de acceder a otras API específicas de doble pantalla.
  • isSpanning : si la aplicación está en una o dos pantallas.
  • windowRects : los límites de los dos rectángulos de presentación (excepto el área de la bisagra).
  • didUpdateSpanning : agente de escucha de eventos para que el código pueda responder cuando la aplicación se extiende o se mueve a una sola pantalla.

Instalación

Siga las instrucciones de instalación react-native-dualscreeninfo :

  1. Modifique android/build.gradle para agregar compatibilidad con Kotlin:

    buildscript {
      ext {
        ...
    +   kotlinVersion = "1.3.50"
      }
    ...
    
      dependencies {
    +   classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}")
    ...
    
  2. Ejecute npm install react-native-dual-screen para agregar el paquete del SDK.

  3. Modifique android:configChanges incluyendo estas opciones:

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

Ejemplos

Una vez instalado, pruebe los ejemplos.

Source

DualScreenInfo es un componente de código abierto, disponible en GitHub.