React Rative ScrollView中嵌套TextInput定位错误的解决方案

转载请注明出处王亟亟的大牛之路

这一期有一个把一个带输入框的一个Modal改成直接显示在页面上，之前 Modal使用的是KeyboardAvoidingView配合View的onLayout方法计算弹窗高度来实现效果，现在是直接迁移到页面上，所以就直接使用ScrollView嵌套TextInput来实现
之前的效果看这个：https://blog.csdn.net/ddwhan0123/article/details/87350792

---

实现效果

---

实现思路

使用Keyboard添加keyboardDidShowListener,keyboardDidHideListener的监听根据不同的事件利用ScrollView自身提供的scrollTo方法使得ScrollView始终滚动到我们希望他待着的地方

---

实施过程

1.导入Keyboard文件

import {Keyboard} from "react-native";

2.在componentDi