[React-Native] KeyboardAwareScrollView

KeyboardAwareScrollView

키보드를 쓰다 보니 실제 모바일 기기에서 키보드가 올라왔을 때의 상황을 인지하지 못함.

해결방법1

리액트 네이티브에서 제공하는 [KeyboardAvoidingView](https://facebook.github.io/react-native/docs/keyboardavoidingview#docsNav) API를 적용

-> 하지만 `ScrollView` 내에선 작동하지 않는 단점

해결방법 2

[react native keyboard aware scroll view](https://github.com/APSL/react-native-keyboard-aware-scroll-view)

Focus된 InputForm을 키보드가 가리지 않게 함

아래있는 InputForm을 Focus시 인식하여 키보드 위로 이동하게 함!

설치

npm i react-native-keyboard-aware-scroll-view --save

사용 법

import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'
<KeyboardAwareScrollView>
  <View>
    <TextInput />
  </View>
</KeyboardAwareScrollView>

 

 

Reference

https://maruzzing.github.io/study/rnative/KeyboardAvoidingView-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0/

https://coding-hwije.tistory.com/39