react-native里TextInput遇到的一些问题及解决方案
2017-05-14 10:43
381 查看
转自:点击打开链接
1、多个tab按钮的默认以及选中状态样式功能切换
因为在
我想到的方法:给每一个按钮设置一个
例子演示:https://rnplay.org/apps/fgncag
2、TextInput获得焦点时,模拟器不出现键盘
原因在于:需要勾选 Hardware -> Keyboard -> Toggle Software keyboard
3、TextInput失去焦点时,键盘不消失
需要给当前的TextInput设置一个ref属性,以及onFocus方法来实现。
例子演示:https://rnplay.org/apps/NNnuMA
4、键盘弹起遮挡住后面的内容
直接看解决代码吧:https://rnplay.org/apps/y0oAuQ
1、多个tab按钮的默认以及选中状态样式功能切换
因为在
react-native里我们无法利用css的
active来设置,所以就需要想其他的方法来处理这个问题。
我想到的方法:给每一个按钮设置一个
index,然后根据当前的
index来判断哪个按钮处于选中状态,以及在选中状态下要做的操作。
例子演示:https://rnplay.org/apps/fgncag
2、TextInput获得焦点时,模拟器不出现键盘
原因在于:需要勾选 Hardware -> Keyboard -> Toggle Software keyboard
3、TextInput失去焦点时,键盘不消失
需要给当前的TextInput设置一个ref属性,以及onFocus方法来实现。
例子演示:https://rnplay.org/apps/NNnuMA
4、键盘弹起遮挡住后面的内容
直接看解决代码吧:https://rnplay.org/apps/y0oAuQ
相关文章推荐
- react-native里TextInput遇到的一些问题及解决方案
- mac 底下,配置 React-Native 遇到的一些问题
- 项目中遇到的一些需要重构的问题以及解决方案1-应该尽量减少缩进层次
- .Net开发工作中常遇到的一些问题及解决方案
- 运行hadoop程序遇到的一些问题及解决方案
- 用angularjs遇到的一些问题及解决方案
- Excel的一些工作中不算是常见,但是遇到时常常不知所错的,问题,与解决方案。
- 编译ant compile-native遇到的一些问题
- 工作中遇到的问题:百万条数据的查询、删除、修改效率提高的一些思考,解决方案(一)
- Nativescript学习遇到的一些问题
- 使用VS2010时遇到的一些小问题的解决方案(从各处搜罗总结的,不定期更新,向原作者致敬)
- 前端小技巧(持续更新,一些遇到问题的解决方案)
- 使用Linux遇到的一些问题和解决方案
- Tomcat6.0启动过程中可能遇到的一些问题及解决方案
- Window Server 2008 R2 SP1(64位)下安装oracle遇到的一些问题及解决方案
- Oracle安装过程中遇到的一些问题及解决方案
- 注意Hibernate4在开发当中的一些改变和遇到的一些问题及其解决方案
- 最近做网页前端项目时遇到的一些问题以及解决方案
- 工作中遇到的问题:百万条数据的查询、删除、修改效率提高的一些思考,解决方案(二)