[React Native] [Android] 키보드가 올라올때 컴포넌트를 고정해보자

이지민·2024년 8월 19일
0

ReactNative

목록 보기
5/12

1.문제상황

다음 화면으로 넘어가는 navigation button을 하단에 만들어 놓고 이름을 입력받는 textinput을 다음과 같이 만들어 놓았다.
근데 여기서 textinput박스를 클릭해서 키보드를 띄우면, 하단의 button도 같이 딸려 올라가서 설정해놓은 css가 변형되는 문제가 생겼다.

2.해결방법


프로젝트의 AndroidManifest.xml파일을 다음과 같이 수정했다.

android:windowSoftInputMode="adjustPan"

기본값이 adjustResize인데 adjustPan으로 변경했다. adjustNone으로 해도 된다.


의도한대로 키보드가 올라와도 버튼이 잘 유지되는 모습을 볼 수 있다.

profile
개발자가 되고싶어요

0개의 댓글