Question

我有一个本机简单的简单聊天应用程序，看起来像这样

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

我想要实现的是，当我打开键盘时，消息视图缩小（降低高度），我也能够看到标题和文本输入，正如我现在看到的那样，当我打开键盘应用程序时保持尺寸，但键盘将所有内容推到最顶层。

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>

键盘打开时{react-native resize <scrollview>

1 个答案: