如何仅向上移动特定元素,在 React-Native 中启用键盘?

How to move up just specific elements, having keyboard enabled in React-Native?

我正在 React-Native 中创建一个聊天屏幕,我现在面临的问题是,当我启用键盘时,内容不会按预期移动。我尝试了几件事,但都没有按预期工作。

这是一个屏幕,我在其中标记了键盘存在时必须向上移动的内容:

首先,我尝试了下一个结构

  <ScrollView scrollEnabled={false} keyboardShouldPersistTaps="handled">
    <KeyboardAvoidingView behavior="position">
        /...The rest of the content.../
    </KeyboardAvoidingView>
</ScrollView

这是屏幕

如图所示,整个容器"pushed"在键盘旁边,当键盘消失时,内容returns回到正常位置。

在第二种情况下,我试图将值 "padding" 分配给 KeyboardAvoidingViewbehavior 参数,但这没有帮助,键盘只是在屏幕上,内容完全没有修改

至少,我已经尝试将值 "height" 分配给同一个 behavior,它似乎按我想要的方式工作,但是当键盘消失时问题出现了 -移动的内容没有移动到它的初始位置。以下是屏幕:

问题解决,我只需要将最后一个容器(放置输入的容器)放在 KeyboardAvoidingViewbehavior="padding"