react native 键盘遮挡问题简单解决

keybord.gif

这里有个问题：就是这个背景图是个图片 如果允许ScrollView 拉动的话，会出现空白的问题，不太友好，而且也不好实现下拉 或者上拉放大图片

IMG_2911.PNG

这里避免键盘遮挡：
禁用ScrollView 拉动 输入框聚焦的时候，主动触发滚动，然后失去焦点的时候在滚回到原来的位置，效果还不错，实现起来也很简单
具体代码：

 onFocus_ =()=>{
    this.scrollView.scrollTo({x: 0, y: 100, animated: true})
  }
  onBlur_ =()=>{
    this.scrollView.scrollTo({x: 0, y: 0, animated: true})
  }

 <ScrollView
        scrollEnabled={false}
        ref={c => {
          this.scrollView = c;
        }}
        >
     输入框 

</ScrollView>