如何处理嵌套在View中的scrollView中的TextInput反应原生答案

【问题标题】：How to handle TextInput in scrollView nested in View react native如何处理嵌套在View中的scrollView中的TextInput反应原生
【发布时间】：2018-12-17 09:48:32
【问题描述】：

我有这样的代码：

<View>
  <View></View>
  <ScrollView>
    <View>
      <TextInput/>
    </View>
  </ScrollView>
  <View></View>
</View>

如何处理它以正确响应键盘？安卓和ios都有？？？我在屏幕的顶部和底部有 2 个永久视图，这个视图在键盘显示上被推高了

【问题讨论】：

检查stackoverflow.com/questions/43854912/…
Hide keyboard in react-native的可能重复
我以前做过，但是 textinput 在 keboard 下

标签： react-native react-native-android react-native-ios

【解决方案1】：

您的问题确实不清楚，但我认为您需要的是KeyboardAvoidingView。

这是一个内置的 React Native 组件，可以根据键盘高度调整大小。

【讨论】：

我的问题是内部键盘覆盖了内部滚动视图的内容
好吧，因为 KeyboardAvoidingView 在键盘打开时会调整大小，所以它的所有元素都会高一点（显然），所以你的输入不应该被覆盖。

【解决方案2】：

为了确保键盘不与布局的任何重要部分重叠，例如文本输入，将整个屏幕包装在 KeyboardAvoidingView 中

https://facebook.github.io/react-native/docs/keyboardavoidingview

【讨论】：

【解决方案3】：

解决了！！
我通过处理键盘显示上的元素（视图）的显示并在反应本机文档中通过键盘隐藏来解决它

【讨论】：