您的位置:首页 > Web前端 > React

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

u011690583 2016-12-22 08:49 134 查看

RN中解决键盘问题

ios上原生集成IQKeyBoardManager,具体集成方法请另行百度

android上RN会自动上浮页面



碰到如下问题



感觉整个人都不好了,react-native-tab-navigator,是一个很常用的第三方库,在android上选择一个TextInput,然后会发现在首次渲染的时候,tab navigator这个组件是没问题的,可是当某些情况下在回到页面,发现 tab navigator浮到键盘上了。ios上没有这个问题。

解决办法:

打开android工程,在AndroidManifest.xml中配置如下:



最后效果如下:

tab没有上浮,页面自动向上滚动。达到了我们的预期效果和ios的保持一致

标签:  android ios native
相关文章推荐