react-native - 在 React Native 中显示键盘时如何不移动 View ？

Question

我在屏幕上有两个元素。第一个是带有 flex 的 Scrollview，另一个是具有固定高度的 View。当键盘出现时 View 元素上升。

如何实现元素不上去？

好的，这是代码:

<View style={{flex: 1}}>
    <Scrollview style={{flex: 1}}>
        <TextInput />
    </Scrollview>
    <View style={{height: 24}}>
         Two buttons here...
    </View>
</View>

这是屏幕截图:


只是希望在显示键盘时两个页脚按钮不上升。

Answer 1

您可以尝试以下代码。它可能会解决您的问题

<KeyboardAvoidingView
    behavior={Platform.OS == "ios" ? "padding" : "height"}
    keyboardVerticalOffset={Platform.OS == "ios" ? 0 : 20}
    enabled={Platform.OS === "ios" ? true : false}>

  <Text>Hello</Text>
  <Text>World</Text>

</KeyboardAvoidingView>