Flutter Wrapの要素を右寄せにするサンプル
環境
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,
),
],
),
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,
),
],
),
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の要素が右寄せになります。