[Flutter]リストビュ(ListView)の要素(item)をfor文で作るには？

どうも、ちょげ(@chogetarou)です。

ListViewの要素をfor文を使って作成する方法を紹介します。

方法

ListViewの要素をfor文で使って作成するには、引数「children」に次のように指定します。

ListView(
  children: [
    for (var i = 0; i < 100; i++)
      Widget(),
  ],
),

ポイントとしては、「{}」を使わない点です。

children内に指定する「for文」は、「{}」を使うとエラーになります。

なので、「{}」無しで、要素となるウェジェットだけを指定します。

以下は、使用例です。

  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: [
          for (var i = 0; i < 50; i++)
            Card(
              child: ListTile(
                title: Text('$i'),
              ),
            ),
        ],
      ),
    );
  }