React Native Surface Duo 的 DualScreenInfo
DualScreenInfo 是一种非可视帮助程序,提供有关设备的信息,以便代码和布局能够适应双屏。 它包含以下方法:
isDualScreenDevice
– 在访问其他双屏特定 API 之前,请检查此内容。isSpanning
- 应用是否位于一个或两个屏幕上。windowRects
– 两个显示矩形的边框 (铰链区域) 。didUpdateSpanning
- 事件侦听器,使代码可以在应用跨屏或移动到单个屏幕时做出响应。
安装
按照 react-native-dualscreeninfo 安装说明进行操作:
修改 android/build.gradle 以添加 Kotlin 支持:
buildscript { ext { ... + kotlinVersion = "1.3.50" } ... dependencies { + classpath("org.jetbrains.kotlin:kotlin-gradle-plugin:${kotlinVersion}") ...
运行
npm install react-native-dual-screen
以添加 SDK 包。通过
android:configChanges
包括以下选项进行修改:android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout"
示例
安装后,请尝试 示例 。
源
DualScreenInfo 是一个开源组件,可在 GitHub。