Flutter Wrapの要素を右寄せにするサンプル

2023年10月1日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文
alignment: WrapAlignment.end
Wrapの引数「alignment」にWrapAlignment.endを指定します。

使用例

Wrap(
  alignment: WrapAlignment.end,
  children: <Widget>[
    for (var i = 0; i < 6; i++)
      Container(
        color: i.isEven ? Colors.red : Colors.green,
        width: 80,
        height: 80,
      ),
  ],
),

説明
引数「alignment」にWrapAlignment.endを指定する場合、Wrapの要素が右寄せになります。