美文网首页
RN中解决键盘问题- 将tab navigation顶起来

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

作者: 小小程序员jh | 来源:发表于2017-09-06 18:16 被阅读195次

    原文链接 :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的保持一致 这里写图片描述

    相关文章

      网友评论

          本文标题:RN中解决键盘问题- 将tab navigation顶起来

          本文链接:https://www.haomeiwen.com/subject/oguvjxtx.html