React中鍵盤遮擋輸入框

很多情況下,我們需要在界面中進行輸入信息,免不了TextInput組件,但是問題來了,有時候鍵盤彈上來的位置正好遮住了輸入框,用戶根本看不到自己輸入了什麼。
這裏面有一個非常簡單的方法來實現:
import { KeyboardAwareScrollView } from ‘react-native-keyboard-aware-scrollview’;
然後將整個頁面用這個組件套起來,<KeyboardAwareScrollView style={{flex: 1, backgroundColor: 'white'}} scrollOffset = {50} scrollEnabled={false}>................</KeyboardAwareScrollView>
最後保證輸入框的下沿與鍵盤上沿保持50像素的距離。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章