React中键盘遮挡输入框

很多情况下,我们需要在界面中进行输入信息,免不了TextInput组件,但是问题来了,有时候键盘弹上来的位置正好遮住了输入框,用户根本看不到自己输入了什么。
这里面有一个非常简单的方法来实现:
import { KeyboardAwareScrollView } from ‘react-native-keyboard-aware-scrollview’;
然后将整个页面用这个组件套起来,<KeyboardAwareScrollView style={{flex: 1, backgroundColor: 'white'}} scrollOffset = {50} scrollEnabled={false}>................</KeyboardAwareScrollView>
最后保证输入框的下沿与键盘上沿保持50像素的距离。

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