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

Question

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

Answer 1

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

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

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

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

希望对您有所帮助！

Answer 2

现在使用 react-native KeyboardAvoidingView 怎么样 (official docs)

import {KeyboardAvoidingView} from 'react-native';

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

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

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

How to move a view when the keyboard shows up in React Native?

reactjs

react-native

redux

redux-form

react-router-redux