ReactNative_KeyboardAvoidingView

KeyboadAvoidingView

• 가상 키보드에서 벗어나야 하는 뷰의 일반적인 문제를 해결하기 위한 구성 요소
• 키보드 높이에 따라 높이, 위치 또는 아래쪽 padding을 자동으로 조정할 수 있음

https://reactnative.dev/docs/next/keyboardavoidingview

iOS에서 키보드가 자동으로 올라오지 않는 이유

• Android는 input에 입력 시, 자동으로 키보드가 올라옴. 그러나 iOS의 경우는 따로 설정을 해줘야함
• Simulator에서 I/O 메뉴 -> Keyboard -> Connect Hardware Keyboard 클릭

KeyboardAvoidView 적용하지 않으면?

• 적용하면?
  

• 적용하지 않으면?
  - 키보드가 submit 버튼을 가림!
  

이러한 점을 해결해주는 것이 KeyboardAvoidingView!