如何在Reaction Native中显示键盘时不移动视图？ [英] How do not move view when keyboard shows in React Native?

问题描述

我在屏幕中有两个元素。第一个是带FLEX的Scrollview，另一个是固定高度的View。当键盘显示时，视图元素将打开。

如何实现元素不涨？

好的，代码如下：

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

下面是截图：

只希望在显示键盘时两个页脚按钮不会弹出。

推荐答案

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

<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>

这篇关于如何在Reaction Native中显示键盘时不移动视图？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！