如何在 Flutter 中创建底部评论小部件？

Question

我想构建一个浮动在屏幕底部的评论小部件。当用户点击输入框时，会弹出一个键盘。

问题就在这里。我尝试在 BottomNavigationBar 内添加一个容器。但是当我点击输入框时，键盘弹出并覆盖整个BottomNavigationBar。所以我无法看到我刚刚在输入框中点击的内容。

这里有两张图片向您展示我想要构建的评论小部件框。关键是我不想让键盘覆盖评论小部件。

请帮我。

关闭键盘

打开键盘

Answer 1

MediaQuery.of(context).viewInsets 返回由键盘引起的偏移量。因此，您可以将 BottomNavigationBar 包装到 Padding 中，如下所示：

Scaffold(
  bottomNavigationBar: Padding(padding: MediaQuery.of(context).viewInsets,
  child: BottomNavigationBar(
    ...
  )
...