React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法

RN中解决键盘问题

  • ios上原生集成IQKeyBoardManager,具体集成方法请另行百度
  • android上RN会自动上浮页面

碰到如下问题

这里写图片描述


感觉整个人都不好了,react-native-tab-navigator,是一个很常用的第三方库,在android上选择一个TextInput,然后会发现在首次渲染的时候,tab navigator这个组件是没问题的,可是当某些情况下在回到页面,发现 tab navigator浮到键盘上了。ios上没有这个问题。
解决办法:
打开android工程,在AndroidManifest.xml中配置如下:
这里写图片描述

最后效果如下:
tab没有上浮,页面自动向上滚动。达到了我们的预期效果和ios的保持一致
这里写图片描述

===============================================================================
2018更新,我项目 React Native 0.48 或者 0.4* 具体多少不清楚,在ios上使用IQKeyboardManager任意版本会出现输入任意文字,Toolsbar消失的问题,解决方案是 更换RN版本到任意 0.5*
请查看问题
https://github.com/hackiftekhar/IQKeyboardManager/issues/940
解决方案
https://github.com/facebook/react-native/commit/bf3698323d81508fc77174df2b1ffe5fb03224e7

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值