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

Question

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

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

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

请帮帮我。

close key board

open key board

Answer 1

MediaQuery.of(context).viewInsets 返回由键盘引起的偏移量。因此，您可以像这样将 BottomNavigationBar 包装到 Padding 中:

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