適用于 Surface DualScreenInfo 的 React Native

DualScreenInfo 是一種非視覺化協助程式，可提供裝置的相關資訊，讓您的程式碼和版面配置可以適應雙螢幕。 它包含下列方法：

• isDualScreenDevice –先檢查這一點，再存取其他雙螢幕特定 Api。
• isSpanning –應用程式是否在一或兩個畫面上。
• windowRects –兩個顯示矩形的界限 (不包括轉軸區域) 。
• didUpdateSpanning –事件接聽程式，讓您的程式碼可以在應用程式跨越或移至單一畫面時回應。

安裝

遵循 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上取得。