[ios] React Native에서 회전을 비활성화하는 방법은 무엇입니까?

2017 업데이트 : {"orientation": "portrait"}

현재 많은 공식처럼 기본 가이드 반응 이 하나 만들 때 너무 기존의 답변에 추가 나는 또한 iOS 및 안드로이드 모두 작동 만 필요하기 때문에 가치가 주목할 인 엑스포 관련 솔루션을 추가 할 것입니다 네이티브 응용 프로그램을 엑스포 반응 사용하는 것이 좋습니다 XCode 구성, AndroidManifest.xml 등을 엉망으로 만들 필요없이 한 번 설정하십시오.

빌드시 방향 설정 :

Expo로 React Native 앱을 빌드하는 경우 파일 의 orientation필드를 사용할 수 있습니다. app.json예를 들면 다음과 같습니다.

{
  "expo": {
    "name": "My app",
    "slug": "my-app",
    "sdkVersion": "21.0.0",
    "privacy": "public",
    "orientation": "portrait"
  }
}

그것은 설정할 수 있습니다 "portrait", "landscape"또는 "default"어떤 수단이없는 방향 잠금 자동 회전 할 수 있습니다.

런타임시 방향 설정 :

다음과 같이 실행하여 런타임에 해당 설정을 재정의 할 수도 있습니다.

Expo.ScreenOrientation.allow(Expo.ScreenOrientation.Orientation.LANDSCAPE);

인수는 다음과 같을 수 있습니다.

• ALL — 가능한 4 가지 방향
• ALL_BUT_UPSIDE_DOWN — 반전 세로를 제외한 전부는 특정 Android 장치에서 4 방향 모두가 될 수 있습니다.
• PORTRAIT — 세로 방향, 특정 Android 장치에서 반전 세로가 될 수도 있습니다.
• PORTRAIT_UP — 업사이드 초상화 만 해당.
• PORTRAIT_DOWN — 거꾸로 된 세로 만.
• LANDSCAPE — 모든 가로 방향.
• LANDSCAPE_LEFT — 왼쪽 가로 만.
• LANDSCAPE_RIGHT — 오른쪽 풍경 만.

회전 감지 :

둘 이상의 방향을 허용 change하면 Dimensions객체 의 이벤트를 수신하여 변경 사항을 감지 할 수 있습니다 .

Dimensions.addEventListener('change', (dimensions) => {
  // you get:
  //  dimensions.window.width
  //  dimensions.window.height
  //  dimensions.screen.width
  //  dimensions.screen.height
});

또는 다음 Dimensions.get('window')과 Dimensions.get('screen')같이 언제든지 치수를 얻을 수 있습니다 .

const dim = Dimensions.get('window');
// you get:
//  dim.width
//  dim.height

또는:

const dim = Dimensions.get('screen');
// you get:
//  dim.width
//  dim.height

당신이 이벤트를 수신 할 때 당신은 모두를 얻을 수 window와 screen다르게 액세스 왜 같은 시간에 그 그래서.

선적 서류 비치:

자세한 내용은 다음을 참조하십시오.

• https://docs.expo.io/versions/latest/guides/configuration.html#orientation
• https://docs.expo.io/versions/latest/sdk/screen-orientation.html
• https://facebook.github.io/react-native/docs/dimensions.html

답변

         <activity
            android:name=".MainActivity"

            android:screenOrientation="portrait"
            android:configChanges="keyboard|keyboardHidden|orientation|screenSize">

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
          </activity>

Expo.ScreenOrientation.allow(Expo.ScreenOrientation.Orientation.PORTRAIT);

 <application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:allowBackup="false"
  android:theme="@style/AppTheme">

  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustResize"
    android:screenOrientation="portrait">

    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
  </activity>

  <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>

xmlns:tools="http://schemas.android.com/tools"

tools:ignore="LockedOrientationActivity"

android:screenOrientation="portrait"