Flutter-如何获得与父容器高度相同的行

Question

我必须使用以下设计创建一个小部件

我为以下内容创建了基本布局。下面的代码在Column中。

                      Row(
                          mainAxisSize: MainAxisSize.max,
                          children: <Widget>[

                            /*******Outer Container********/
                            Container(
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.all(Radius.circular(8)),
                                border: Border.all(color: Colors.grey, width: 0.5),
                              ),
                              child: Row(
                                children: <Widget>[
                                  Container(
                                    padding: EdgeInsets.all(8),
                                    child: Row(
                                      children: <Widget>[
                                        Text("1981-June-01"),
                                        SizedBox(width: 8),
                                        Icon(Icons.calendar_today),
                                      ],
                                    ),
                                  ),
                                  SizedBox(width: 8),

                                  /*******Inner Container********/
                                  Container(
                                    padding: EdgeInsets.all(8),
                                    child: Text("38Yrs"),
                                    decoration: BoxDecoration(
                                      color: Colors.grey,
                                      borderRadius: BorderRadius.all(Radius.circular(8)),
                                      border: Border.all(color: Colors.grey, width: 0.5),
                                    ),
                                  ),
                                ],
                              ),
                            )
                          ],
                        ),

我得到的结果如下

在父容器与包含两个容器的行的边界之间仍然存在一些不需要的填充。我尝试使用IntrinsicHeight窗口小部件，但UI保持不变。我使用IntrinsicHeight小部件将外部容器和行包装在其中。一次同时在两者上同时进行。但是没有变化。

我想做的是除去外部容器和内部容器之间的多余填充物，并使内部容器的边框/高度与外部容器相同。我想念什么吗？任何帮助表示赞赏。

Answer 1

这是输出图像：

Row(
    children: <Widget>[
      /*******Outer Container********/
      Container(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(8)),
          border: Border.all(color: Colors.grey, width: 0.5),
        ),
        child: Row(
          children: <Widget>[
            Container(
              //padding: EdgeInsets.all(8),
              child: Row(
                children: <Widget>[
                  Text("  1981-June-01"),
                  SizedBox(width: 8),
                  Icon(Icons.calendar_today, size: 15),
                ],
              ),
            ),
            SizedBox(width: 8),
             /*******Inner Container********/
            Container(
              padding: EdgeInsets.all(8),
              child: Text("38Yrs"),
              decoration: BoxDecoration(
                color: Colors.grey,
                borderRadius: BorderRadius.only(
                    topRight: Radius.circular(8),
                    bottomRight: Radius.circular(8)),
                // border: Border.fromBorderSide(BorderSide.none),
              ),
            ),
          ],
        ),
      )
    ],
  ),