Flutterラボ リリース3周年記念! プロコースが1ヶ月の料金で2ヶ月間受けられる、実質半額セール (2024年3月17日まで・先着)

Flutterラボの

プレミアム会員になる

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

2021.12.05

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に関するアプリ制作の技術を学ぶことができます。プログラミング初心者から経験者まで flutterlabo.tech