Flutter　Rowの要素を右端に配置するサンプル

2023年9月10日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Row(
  mainAxisAlignment: MainAxisAlignment.end,
  children: [xxx],
)

Rowの引数「mainAxisAlignment」に「MainAxisAlignment.end」を指定することで、
Rowの要素を右端に配置できます。

操作例

@override
 Widget build(BuildContext context) {
   return Scaffold(
     body: Center(
       child: Row(
         mainAxisAlignment: MainAxisAlignment.end,
         children: [
           for (var i = 0; i < 6; i++)
             Container(
               height: 60,
               width: 60,
               color: i.isEven ? Colors.green : Colors.pink,
             )
         ],
       ),
     ),
   );
 }