react-native里TextInput遇到的一些问题及解决方案

发布时间:2019-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react-native里TextInput遇到的一些问题及解决方案脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

最近在用react-native做页面,遇到了一些问题,下面就根据这些问题来总结一下。

1、多个tab按钮的默认以及选中状态样式功能切换

因为在react-native里我们无法利用css的active来设置,所以就需要想其他的方法来处理这个问题。

我想到的方法:给每一个按钮设置一个index,然后根据当前的index来判断哪个按钮处于选中状态,以及在选中状态下要做的操作。

例子演示:https://rnplay.org/apps/fgncag

2、TextInput获得焦点时,模拟器不出现键盘

原因在于:需要勾选 Hardware -> Keyboard -> Toggle Software keyboard

react-native里TextInput遇到的一些问题及解决方案

3、TextInput失去焦点时,键盘不消失

需要给当前的TextInput设置一个ref属性,以及onFocus方法来实现。

例子演示:https://rnplay.org/apps/NNnuMA

4、键盘弹起遮挡住后面的内容

直接看解决代码吧:https://rnplay.org/apps/y0oAuQ

脚本宝典总结

以上是脚本宝典为你收集整理的react-native里TextInput遇到的一些问题及解决方案全部内容,希望文章能够帮你解决react-native里TextInput遇到的一些问题及解决方案所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。