React Native - 打开键盘时隐藏固定位置的组件答案

【问题标题】：React Native - Hide component of fixed position when keyboard opens upReact Native - 打开键盘时隐藏固定位置的组件
【发布时间】：2021-07-13 09:31:10
【问题描述】：

我有一个元素列表和一个固定在屏幕底部的粘性按钮。因此，当用户在列表中向下滚动时，按钮会停留在底部。这工作得非常好，但是当我打开键盘时，按钮也被向上推，隐藏了屏幕顶部的其他元素。

我可以以某种方式放置我的按钮，使其在屏幕上保持粘性，但是当键盘打开时它不会被推起？

我目前的（hacky）实现是当键盘打开时我隐藏了按钮，但我不太喜欢它。

【问题讨论】：

标签： javascript css react-native react-native-flatlist

【解决方案1】：

您必须使用任何用于键盘的库，例如 react-native-keyboard-spacer 等，以便您可以针对特定屏幕禁用它，这是另一个 hacky 实现 @mikasa

【讨论】：

【解决方案2】：

我假设您使用 KeyboardAvoidingView 包装您的组件，这将解释您的按钮被向上推，因此您应该考虑在键盘打开时将 false 传递给“启用”道具，这将导致键盘覆盖您的按钮。你可以在这里查看文档https://reactnative.dev/docs/keyboardavoidingview#enabled

【讨论】：

嗨。我实际上没有使用 KeyboardAvoidingView。