Surface Duo용 React Native DualScreenInfo

아티클
07/10/2023

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 사용할 수 있는 오픈 소스 구성 요소입니다.