解決react-native軟鍵盤彈出擋住輸入框的問題


解決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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM