gridview - 以网格为中心的 flutter 布局

Question

我正在尝试创建一个 Flutter 布局，屏幕中央有 6x6 方 table (网格)，网格上方/下方有一些元素。这样做的最佳方法是什么？

我已经实现了居中网格

Center() => AspectRatio(aspectRatio: 1) => GridView();

但是如何放置其余元素？我考虑过使用 Stack() 但决定这不是最好的解决方案。或者我应该使用 Row() 小部件执行此操作，如果是这样，我如何将行的第二个子项对齐居中？

谢谢你的帮助!

更新: Here's the picture of what I meant to do .我想在网格下方和上方再放置两个容器，并希望它们填满所有可用空间

Answer 1

有一个非常简单的方法。
刚设置shrinkWrap: true这使得 GridView占用最小空间并包裹 GridView与 Center小部件。

  body: Center(
    child: GridView.count(
      shrinkWrap: true,
      crossAxisCount: 4,
      children: childrenWidgets,
      childAspectRatio: r,
    ),
  ),