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

Question

当TextInput成为焦点时，键盘隐藏了提交按钮。 如何自动滑动TextInput

下面的组件

Answer 1

现在如何使用本机的KeyboardAvoidingView（official docs）

import {KeyboardAvoidingView} from 'react-native';

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

在iOS上经过测试，对我来说开箱即可正常工作。对于android，请考虑向您的AndroidManifest.xml中添加参数android:windowSoftInputMode="adjustResize"

Answer 2

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

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

How to auto-slide the window out from behind keyboard when TextInput has focus?

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

希望它有所帮助！