React Native TextInput键盘遮挡输入款问题
2017-08-30 01:38
1501 查看
当我们使用TextInput输入框控件的时候经常容易被键盘所遮挡,在React Native上,安卓不会出现此问题,iOS小屏幕的手机出现比较明显。
iOS原生开发中可以有代理进行监听进行上下滚动,但RN可以巧妙的解决这个问题,有个屌屌的控件【鼓掌】【鼓掌】
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
外层视图用这个就可以了,就会在合适的时候视图向上滑动
安装方式:npm i react-native-keyboard-aware-scroll-view --save
多谢访问
相关文章推荐
- React Native Android上TextInput输入值被遮挡
- React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法
- 【React Native开发】- TextInput键盘输入文本
- React-Native解决键盘遮挡问题(Keyboard遮挡问题)
- React Native之TextInput组件实现联想输入
- 《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView
- EditText代码设置inputType后键盘输入类型变化问题
- react-native的textInput学习中宽自动变小的问题
- React Native TextInput 提交时/return时 如何隐藏输入光标
- React-Native键盘遮挡问题进阶发现
- react-native android textinput显示不全的问题
- react-native-auto-expanding-textinput 根据输入的内容自增长高度
- 混合开发的大趋势之一React Native TextInput (文本输入)
- React Native 解决ScrollView 上 TextInput 键盘遮挡问题
- 混合开发的大趋势之一React Native TextInput (文本输入)
- react native TextInput无法弹出输入框问题
- React-Native解决键盘遮挡问题(Keyboard遮挡问题)
- 详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
- React Native 处理TextInput在输入后,点击布局空白处软件盘能弹出和收回。