Flutter 如何在flatter中创建底部注释小部件？

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

问题就在这里。我试图在底部导航栏中添加一个容器。但当我点击输入框时，键盘弹出，覆盖了整个底部导航栏。所以我无法看到我刚才在输入框中点击的内容

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

请帮帮我

MediaQuery.of（上下文）。视图插入由键盘引起的集合返回。因此，您可以将底部导航栏包装成如下填充：

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

这将最有效

import'package:comment_box/comment/comment.dart'；
进口“包装：颤振/材料.省道”；
类TestMe扩展了StatefulWidget{
@凌驾
_TestMeState createState（）；
}
类_TestMeState扩展状态{
final formKey=GlobalKey（）；
final TextEditingController commentController=TextEditingController（）；
列表文件数据=[
{
“姓名”：“Adeleye Ayodeji”，
"图":"https://picsum.photos/300/30',
“信息”：“我喜欢编码”
},
{
'姓名'：'比吉人'，
"图":"https://picsum.photos/300/30',
“消息”：“非常酷”
},
{
'姓名'：'比吉人'，
"图":"https://picsum.photos/300/30',
“消息”：“非常酷”
},
{
'姓名'：'比吉人'，
"图":"https://picsum.photos/300/30',
“消息”：“非常酷”
},
];
小部件注释子（数据）{
返回列表视图(
儿童：[
对于（变量i=0；i