react-native 键盘遮挡输入框
16lz
2021-01-26
Android上已经自动对键盘遮挡输入框做了处理,所以我们只需要关注ios。
1.首先引入 KeyboardAvoidingView
import { KeyboardAvoidingView } from 'react-native';
2.然后在页面的最外层加上 KeyboardAvoidingView
render(){ return {/*具体页面内容*/} }
如果适配ios和Android,可以将页面提取出来
getPageView = () => { //return 具体页面内容 } getPlatformView = () => { if (Platform.OS === 'ios') { return {this.getPageView()} } else { return this.getPageView(); } }; render() { return this.getPlatformView(); }
更多相关文章
- 解决方案:公众号h5页面开发时微信自带返回按钮,不刷新问题。
- activity之简单的页面跳转
- kotlin 配置开发环境
- Android(安卓)Intent实现页面跳转
- android中handler 轮询数据变化 使用WeakReference防止内存泄露
- 使用Appium进行微信公众号自动化测试
- android广告自动滚动并用picasso实现图片加载
- 蒙板引导页面
- Android实现js及webview交互之在html页面中调用系统摄像头