很多情况下,我们需要在界面中进行输入信息,免不了TextInput组件,但是问题来了,有时候键盘弹上来的位置正好遮住了输入框,用户根本看不到自己输入了什么。
这里面有一个非常简单的方法来实现:
import { KeyboardAwareScrollView } from ‘react-native-keyboard-aware-scrollview’;
然后将整个页面用这个组件套起来,<KeyboardAwareScrollView style={{flex: 1, backgroundColor: 'white'}} scrollOffset = {50} scrollEnabled={false}>................</KeyboardAwareScrollView>
最后保证输入框的下沿与键盘上沿保持50像素的距离。
React中键盘遮挡输入框
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
通过搭建24点小游戏应用实战,带你了解 AppBuilder 的技术原理
百度開發者中心
2024-06-14 00:11:19
「盘点」JetBrains IDEs v2024.1新功能一览,更智能的开发体验!
原創
2024-05-29 12:18:44
界面控件DevExtreme v23.2亮点 - 标签、表单、编辑器功能升级
原創
2024-05-28 12:19:08
响应式UI组件DevExtreme中文教程 - 工具栏的自适应模式
原創
2024-05-27 12:19:43
京东商家智能助手:Multi-Agents 在电商垂域的探索与创新
原創
2024-05-23 23:57:25
常用第三方库的package.json入口配置
原創
2024-05-20 13:41:31
系统国际化之多语言解决方案| 京东物流技术团队
原創
2024-05-17 23:56:46
报名开启!2024 开源之夏丨Serverless Devs 课题已上线!
原創
2024-05-16 21:13:49
【深圳招聘】Taro 团队招前端开发工程师!
原創
2024-05-13 21:53:04
界面控件DevExtreme v23.1、v23.2盘点 - 增强的TypeScript(Angular、React、Vue)
原創
2024-05-07 11:34:56
O2OA开发平台前端源码级二次开发(Vue3,React)
原創
2024-04-30 22:26:12
界面控件DevExtreme JS & ASP.NET Core 2024年度产品规划预览(二)
原創
2024-04-10 11:34:33
界面控件DevExtreme JS & ASP.NET Core 2024年度产品规划预览(一)
原創
2024-04-03 11:34:37
Web Components实践:如何搭建一个框架无关的AI组件库
原創
2024-04-03 11:16:31