Flutter 组布局 [英] Flutter Group layout

问题描述

谁能指出我可以实现像这张图片这样的组布局的方向?群组我一直在尝试用列表视图来做，但没有运气

Can anyone point me to a direction where I can achieve a group layout like this picture? Groups I've been trying to do it with a list view but no luck

推荐答案

您可以将 Row 小部件放置在 Container 中的 Column Widgets 中或 Card 小部件中的 Column Widget.

You can put a Row widgets in Column Widgets in Container or Card widgets in Column Widget.

这是一个例子:

           Column(
              children: [
                Card(
                  child: Row(
                    children: [
                      Column(),
                      Column(),
                      Column(),
                    ],
                  ),
                ),
                Card(
                  child: Row(
                    children: [
                      Column(),
                      Column(),
                      Column(),
                    ],
                  ),

                ),
              ],
            )

这篇关于Flutter 组布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！