study: 리네다기 | 3장 - OS 별 키보드

React Native 의 키보드는 OS 별로 다르게 동작한다

iOS 는 기본적으로 화면을 가리게 설정
Android 는 기본적으로 화면이 줄어들면서 키보드 영역이 올라온다

KeyboardAvoidingView 의 속성으로
behavior={Platform.OS === 'ios' ? 'padding' : undefined}
를 주어 ios 의 경우에만 동작을 변경한다
height 로 설정해줘도 잘 동작함

iOS 의 경우 값을 줘야 제대로 동작하고
Android 의 경우 값을 주면 제대로 동작하지 않는다

이 때 앱 전체를 감싸준다
-> KeyboardAvoidingView 가 화면을 줄이는 방식이 전체 화면에서 키보드 화면 비율을 구해 현재 자신이 속한 화면에서 구한 비율 만큼을 줄이기 떄문

이렇게 하니 iOS 도 엄청 자연스럽게 동작한다..