最近在用react-native
做页面,遇到了一些问题,下面就根据这些问题来总结一下。
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
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。