React Native 앱을 가로모드 세로모드 만 지원하기

Posted on Edited on In , Word count in article: 75 Reading time ≈ 1 mins.

앱실행시에 가로세로 모드를 고정한다

앱 설정파일로 가로모드, 세로모드를 고정할 수 있다

  • 가로모드 : landscape
  • 세로모드 : portrait

안드로이드 가로모드

android/app/src/main/AndroidManifest.xml

1
2
3
4
5
6
7
8
9
10
<activity
  android:name=".MainActivity"
  android:label="@string/app_name"

  // 여기에 코드를 추가합니다.
  android:screenOrientation="landscape"

  android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
  android:launchMode="singleTask"
  android:windowSoftInputMode="adjustResize">

세로모드는 portrait 로 적용합니다

iOS 가로모드

ios/projectname/Info.plist
에서 남기고 싶은 모드만 남기면 됩니다

1
2
3
4
5
6
<key>UISupportedInterfaceOrientations</key>
<array>
	<!-- <string>UIInterfaceOrientationPortrait</string>
	<string>UIInterfaceOrientationLandscapeLeft</string> -->
	<string>UIInterfaceOrientationLandscapeRight</string>
</array>