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

来源：互联网发布：qq赚钱软件编辑：程序博客网时间：2024/05/28 19:23

转载自：http://www.07net01.com/2015/10/944827.html

如有侵犯，请来信oiken@qq.com

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

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

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

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

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

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

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

<a href=http://www.wredian.com/ target=_blank class=infotextkey>图片</a>描述

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

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

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

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

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

0 0