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

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

概述原文链接:http://blog.csdn.net/u011690583/article/details/53808773ios上原生集成IQKeyBoardManager,具体集成方法请另行百度android上RN会自动上浮页面–碰到如下问题 这里写图片描述感觉整个人都不好了,React-native-tab-navigator,是一个很常用的第三方库,在Android

原文链接 :http://blog.csdn.net/u011690583/article/details/53808773
ios上原生集成IQKeyBoardManager,具体集成方法请另行百度
androID上RN会自动上浮页面


碰到如下问题

 

这里写图片描述


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

 

这里写图片描述


添加: androID:windowsoftinputMode="statealwaysHIDden|adjustPan"
最后效果如下: tab没有上浮,页面自动向上滚动。达到了我们的预期效果和ios的保持一致

 

这里写图片描述 总结

以上是内存溢出为你收集整理的React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法全部内容,希望文章能够帮你解决React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1103236.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存