android - react-native resize 当键盘打开时

Question

我有一个 react-native 简单的聊天应用，看起来像这样

+-----------------
|     Header     |
+----------------+
|                |
|                |
|    Messages    |
|                |
|                |
+----------------+
|   Write here   |
+----------------+

我想要实现的是，当我打开键盘时，消息 View 会缩小(降低高度)，并且我还可以看到标题和文本输入，就像我现在打开键盘应用程序时看到的那样保持尺寸不变，但键盘将所有内容推到顶部。

Answer 1

我们在 https://github.com/Andr3wHur5t/react-native-keyboard-spacer 上取得了成功.

你可以像这样为你的例子设置它:

<View style={[{flex: 1}]}>
    <Header style={{height: 80}}/>
    <Messages style={{flex: 1}}/>
    <WriteHere style={{height: 80}}/>

    {/* The view that will animate to match the keyboards height */}
    <KeyboardSpacer/>
  </View>