当键盘出现在 React Native 中时如何移动视图？

Question

当 TextInput 成为焦点时，键盘会隐藏提交按钮。 如何在 TextInput 下方自动滑动组件

Answer 1

现在使用 react-native KeyboardAvoidingView 怎么样（ 官方文档）

import {KeyboardAvoidingView} from 'react-native';

<KeyboardAvoidingView style={styles.container} behavior="padding" enabled>
  ... your UI ...
</KeyboardAvoidingView>;

在 iOS 上测试，对我来说开箱即用。 对于 android 考虑添加参数： android:windowSoftInputMode="adjustResize"到你的 AndroidManifest.xml

Answer 2

我遇到了同样的问题，想在键盘出现时移动内容。

我通过使用类似问题的最后一个答案解决了它：

当 TextInput 有焦点时，如何将窗口从键盘后面自动滑出？

您基本上使用键盘的事件侦听器并相应地调整内容。 但是请注意，iOS 和 Android 之间的侦听器不同。 Android 仅支持 keyboardDidShow 和 keyboardDidHide，而 iOS 也支持 keyboardWillShow 和 keyboardWillHide。

希望有帮助！