[ReactNative/RN] textinput flex changing 이슈 해결

React Native 앱에서 TextInput 을 사용할 때,

Focus 상태에서 페이지 각 요소 Flex가 Keyboard 사이즈에 밀리는 현상이 생기는 경우가 있다.

 

IOS에서는 이런 경우가 발생하지 않고 AOS에서만 생긴다고 하는데,

이럴 경우 간단하게 Keyboard창이 뜨는 유무에 상관없이 해결하는 방법이 있다.

 

<application
  android:name=".MainApplication"
  android:allowBackup="true"
  ...
  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    ...
    android:windowSoftInputMode="adjustPan"> // <-- Add this
   
    ...
  </activity>
  ...
</application>

Android 매니페스트 파일에서 android:windowSoftInputMode="adjustPan" 로 바꿔주면 된다.

원래는 "adjustResize"로 되어 있을 것이다.