1. 程式人生 > >React中鍵盤遮擋輸入框

React中鍵盤遮擋輸入框

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


最後保證輸入框的下沿與鍵盤上沿保持50畫素的距離。