React Native Surface Duo 的 DualScreenInfo

DualScreenInfo 是一种非可视帮助程序，提供有关设备的信息，以便代码和布局能够适应双屏。 它包含以下方法：

• isDualScreenDevice – 在访问其他双屏特定 API 之前，请检查此内容。
• isSpanning - 应用是否位于一个或两个屏幕上。
• windowRects – 两个显示矩形的边框 (铰链区域) 。
• didUpdateSpanning - 事件侦听器，使代码可以在应用跨屏或移动到单个屏幕时做出响应。

安装

按照 react-native-dualscreeninfo 安装说明进行操作：

1. 修改 android/build.gradle 以添加 Kotlin 支持：

   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"
   

示例

安装后，请尝试 示例 。

源

DualScreenInfo 是一个开源组件，可在 GitHub。