解決react-native軟鍵盤彈出擋住輸入框的問題
寫登錄頁面,整體界面居中之后就出現軟鍵盤彈出擋住輸入框,用戶體驗不好的情況。用了RN官方的KeyboardAvoidingView組件,會有多出來一塊灰色區域的bug,於是我就找第三方來解決這個問題,最后用的是react-native-keyboard-aware-scroll-view
1. 安裝react-native-keyboard-aware-scroll-view
npm i react-native-keyboard-aware-scroll-view --save
yarn add react-native-keyboard-aware-scroll-view
2. 使用
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view' <KeyboardAwareScrollView> <View> <TextInput /> </View> </KeyboardAwareScrollView>
3. 想要拓展功能的
前往https://github.com/APSL/react-native-keyboard-aware-scroll-view