React native 反应本机键盘避免在时间之前查看填充

我使用react native构建迷你聊天视图。
我的屏幕是由3个组件构建的

标题
列表视图
输入（输入需要固定）

我正在使用键盘AVOIDGVIEW和填充
操作键盘 但我得到的结果很糟糕
在我的列表视图的顶部 就像我在键盘到达之前添加了填充一样

我的代码：

主屏幕：

class Registration extends Component{

    render(){
      return(
        <KeyboardAvoidingView style={Style.continerStyle} behavior="padding">

          <StatusBar
            hidden={true}
          />

          <Header/>
          <RegChat/>
          <RegInput/>
        </KeyboardAvoidingView>


      );
  }
}
const Style = {
  continerStyle:{
    flex:1,
    backgroundColor:'#543CDE',
  },
}

export default Registration;

类注册扩展组件{
render（）{
返回(
);
}
}
常量样式={
continerStyle：{
弹性：1，
背景颜色：“#543CDE”，
},
}
出口违约登记；

我的列表视图：

class RegChat extends Component{
  constructor(){
    super()
    const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
    this.state = {
      dataSource: ds.cloneWithRows(['You should receive a 6-digit code in a moment for verification', 'row 2','You should receive a 6-digit code in a moment for verification', 'row 2','You should receive a 6-digit code in a moment for verification', 'row 2','You should receive a 6-digit code in a moment for verification', 'row 2','You should receive a 6-digit code in a moment for verification', 'row 2','You should receive a 6-digit code in a moment for verification', 'row 2',,'You should receive a 6-digit code in a moment for verification', 'row 2']),
      inputType:'phone',
    };
  }

  render(){
  return(
    <ListView
      renderScrollComponent={props => <InvertibleScrollView {...props} inverted />}
      style={{backgroundColor:'black'}}
      dataSource={this.state.dataSource}
      renderRow={(rowData) => <RegBubble>{rowData}</RegBubble>}
    />)
  }
}

export  {RegChat};

类RegChat扩展组件{
构造函数（）{
超级（）
const ds=new ListView.DataSource（{rowHasChanged:（r1，r2）=>r1！==r2}）；
此.state={
数据源：ds.cloneWithRows([“您应该在一瞬间收到一个6位数代码进行验证”，“第2行”，“您应该在一瞬间收到一个6位数代码进行验证”，“第2行”，“您应该在一瞬间收到一个6位数代码进行验证”，“第2行”，“您应该在一瞬间收到一个6位数代码进行验证”，“第2行”，“您应该在一瞬间收到一个6位数代码进行v”验证“，”第2行“，”您应在一瞬间收到一个6位代码进行验证“，”第2行“，”您应在一瞬间收到一个6位代码进行验证“，”第2行“]，
输入类型：'phone'，
};
}
render（）{
返回(
}
样式={{backgroundColor:'black'}}
dataSource={this.state.dataSource}
renderRow={（rowData）=>{rowData}}
/>)
}
}
导出{RegChat}；

也许你可以试试这个软件包

同样的问题这个软件包怎么样。它可以处理scrollview组件中的键盘外观，我想这也是你所拥有的。