[리액트 네이티브] 키보드로 인한 레이아웃 밀림 현상 해결

전에 작성했던 글에서도 이 현상이 있었고 그 때는 프로젝트 생성이 expo가 아닌 프로젝트로 생성이 되었어서 다른 방법으로 해결이 되었었는데, 현재 expo로 개발중인 이 프로젝트에서는 그 방법이 통하지 않았다... 그래서 찾아보던 중 다음 방법을 알아냈다!

https://chelim.tistory.com/62

아주 간단했던 것!! 저 분이 잘 알려주셔서 해결됐다 ㅎㅎ 그런데 처음에는 안됐어서 다시 빌드하니까 적용이 되었다.

https://docs.expo.dev/versions/latest/config/app/#softwarekeyboardlayoutmode

expo docs를 보면 다음과 같이 작성되어 있다. 나는 고정시키고 싶었기 때문에 pan으로 작성해주었다.

app.json 파일에 android 부분에 다음과 같이 추가해주면 된다.

"android": {
      "adaptiveIcon": {
        "foregroundImage": "./src/assets/adaptive-icon.png",
        "backgroundColor": "#ffffff"
      },
      "softwareKeyboardLayoutMode": "pan"     
    },

그러면 이런식으로 키보드가 올라와도 레이아웃은 변하지 않는다!