【Flutter】childrenの中でfor文を使う方法

ColumnやRow等のchildrenを使うWidgetで、childrenの中身を自動で生成したいときはよくあります。

.map() toList()で生成する方法を以前紹介しましたが、for文で記述することもできるので紹介したいと思います。

例として、0から3まで生成してTextで表示してみたいと思います。

Column(
  children: [
    for(int i = 0; i < 4; i++) ... {
      Text('${i}')
    }
  ],
)

このようにfor() と{}の間に『…（ドット3つ）』を入れることでfor文をchildren内で使用することができます。

Flutterラボ - 「Flutterラボ」では動画でFlutter・Dart・Firebaseに関するアプリ制作の技術を学ぶことができます。プログラミング初心者から経験者まで誰でも気軽にFlutterが学べるコンテンツを公開しています。