RN中解决键盘问题- 将tab navigation顶起来

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


碰到如下问题

RN中解决键盘问题- 将tab navigation顶起来_第1张图片
这里写图片描述

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

添加: android:windowSoftInputMode="stateAlwaysHidden|adjustPan"
最后效果如下: tab没有上浮,页面自动向上滚动。达到了我们的预期效果和 ios的保持一致
RN中解决键盘问题- 将tab navigation顶起来_第3张图片
这里写图片描述

你可能感兴趣的:(RN中解决键盘问题- 将tab navigation顶起来)