时间戳

首页 > 解决方案 > 如何创建网格布局？

flutter - 如何创建网格布局？

问题描述

我就是这样的情况：

  1. 列表中没有图像

没有图像

  1. 列表中有 1 张图片

1 张图片

  1. 列表中的 2 个图像

2 图像

如果列表中的图像 >2 .. 此视图将展开到底部

如何创建这样的网格布局？

标签： flutterflutter-layout

解决方案

您可以使用 Wrap 小部件进行对齐以及您应该设置的每个项目小部件的宽度值（屏幕宽度 / 3）。

例如给你；


Wrap(
              children: [
                Container(
                  width: MediaQuery.of(context).size.width / 3,
                  margin: EdgeInsets.symmetric(horizontal: 8,vertical: 4),
                  child: SelectedImageContainer(),
                ),
...add some widget and automatic align
              ],
            ),

推荐阅读