当键盘打开时，调整react-native中<ScrollView/>的大小

Question

当键盘打开时，调整react-native中<ScrollView/>的大小

4

我有一个 React-Native 简单的聊天应用，外观如下：

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

我希望的是在打开键盘时，消息视图能够缩小（降低高度），并且我仍然能够看到标题和文本输入框，就像现在打开键盘时一样，应用程序仍然保持原来的大小，但是键盘会将所有内容推向顶部。

- Hiero

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ben Clayton · Accepted Answer

我们已经成功使用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>