広告

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


Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)