如何仅向上移动特定元素,在 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"
分配给 KeyboardAvoidingView
的 behavior
参数,但这没有帮助,键盘只是在屏幕上,内容完全没有修改
至少,我已经尝试将值 "height"
分配给同一个 behavior
,它似乎按我想要的方式工作,但是当键盘消失时问题出现了 -移动的内容没有移动到它的初始位置。以下是屏幕:
问题解决,我只需要将最后一个容器(放置输入的容器)放在 KeyboardAvoidingView
中 behavior="padding"
我正在 React-Native 中创建一个聊天屏幕,我现在面临的问题是,当我启用键盘时,内容不会按预期移动。我尝试了几件事,但都没有按预期工作。
这是一个屏幕,我在其中标记了键盘存在时必须向上移动的内容:
首先,我尝试了下一个结构
<ScrollView scrollEnabled={false} keyboardShouldPersistTaps="handled">
<KeyboardAvoidingView behavior="position">
/...The rest of the content.../
</KeyboardAvoidingView>
</ScrollView
这是屏幕
如图所示,整个容器"pushed"在键盘旁边,当键盘消失时,内容returns回到正常位置。
在第二种情况下,我试图将值 "padding"
分配给 KeyboardAvoidingView
的 behavior
参数,但这没有帮助,键盘只是在屏幕上,内容完全没有修改
至少,我已经尝试将值 "height"
分配给同一个 behavior
,它似乎按我想要的方式工作,但是当键盘消失时问题出现了 -移动的内容没有移动到它的初始位置。以下是屏幕:
问题解决,我只需要将最后一个容器(放置输入的容器)放在 KeyboardAvoidingView
中 behavior="padding"