如何将 wrap 小部件的子小部件左对齐？答案

【问题标题】：How to align child widgets of wrap widget to left?如何将 wrap 小部件的子小部件左对齐？
【发布时间】：2020-12-19 06:15:29
【问题描述】：

当我使用包装来列出一些小部件时，我遇到了一些问题。 Wrap 自动对齐其子小部件。如果行上有一个小部件，如何左对齐？

包装输出 - 1

包装输出 - 2

Wrap(
              crossAxisAlignment: WrapCrossAlignment.start,
              alignment: WrapAlignment.start,
              children: customAnnouncementLabels
                  .map(
                    (customAnnouncementLabel) => LabelChip(
                      text: customAnnouncementLabel.name,
                      color: customAnnouncementLabel.bgColor,
                      isDetailed: false,
                    ),
                  )
                  .toList(),
            ),

【问题讨论】：

默认情况下，环绕布局是水平的，子元素和运行都对齐到左对齐的开始。也许你的父小部件使它居中对齐。请检查
非常感谢，我对齐了父小部件，问题解决了:)

标签： flutter flutter-layout

【解决方案1】：

试试看：

runAlignment: WrapAlignment.start

【讨论】：

【解决方案2】：

mainAxisAlignment: MainAxisAlignment.start 用于左对齐，mainAxisAlignment: MainAxisAlignment.end 用于右侧可与 Column 一起使用以获得相似的输出。

【讨论】：