如何处理嵌套在View中的scrollView中的TextInput响应本机

时间:2018-12-17 09:48:33

标签: react-native react-native-android react-native-ios

我有这样的代码:

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

如何处理它才能正确响应键盘? android和ios都??? 我在屏幕的顶部和底部有两个固定的视图,这些视图在键盘显示上被推上了

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

为确保键盘不与布局的任何重要部分重叠,例如文本输入,请使用KeyboardAvoidingView将整个屏幕包裹起来

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

答案 2 :(得分:0)

解决了!
我通过处理键盘显示中元素(视图)的显示解决了问题,并在react native文档中通过键盘隐藏了