React-native 键盘弹出绝对定位上浮

RN中解决键盘问题

  • ios上原生集成IQKeyBoardManager,具体集成方法请另行百度
  • android上RN会自动上浮页面

碰到如下问题

React-native 键盘弹出绝对定位上浮_第1张图片


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

最后效果如下: 
tab没有上浮,页面自动向上滚动。达到了我们的预期效果和ios的保持一致 
React-native 键盘弹出绝对定位上浮_第3张图片

 
2

你可能感兴趣的:(React,Native)