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

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


碰到如下问题

  React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法 这里写图片描述


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

  React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法 这里写图片描述


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

  React Native 键盘管理和 Tab Navigator 在Android TextInput遮盖,Tab Navigator上移等问题解决办法 这里写图片描述
上一篇:java多线程之队列


下一篇:判断浏览器是否隐身模式