【 Dart 】 List の中で for 文を使おう！【 Flutter 】

「1 ~ 50の数字が要素のListを定義したいんだけど、手打ちでやるの面倒すぎるな…」

待ってください！

意外と知られていないかもですが、Listの定義文の中ではfor文による繰り返しが可能なんです。

本記事では、for 文による繰り返しを用いてListを定義する方法について紹介します。

Flutterでの使用例も併せて紹介します。ぜひ読んでみてください！

List の定義文の中でfor文を使う
Flutterでの使用例
まとめ
編集後記（2022/12/7）

List の定義文の中でfor文を使う

1 ~ 10 の要素が入ったリストを定義したいとします。
このコードは以下のように書けます。

final list = [1,2,3,4,5,6,7,8,9,10];

では1 ~ 50ではどうでしょうか？

この書き方だと、ちょっと大変ですよね。

そこで使用するのが、Listの定義文の中でのfor文です。

具体的には以下のようにして1 ~ 50 の要素が入ったListが定義できます。

final list = [for (int i = 1; i < 51; i++) i];

1 ~ 50 を手打ちするよりずっと簡単ですよね。

ポイントとしては、通常for文にある中括弧”{}”がないことです。
forの定義文の後に中括弧なしで要素の定義をします。

以上が、for文による繰り返しを用いたListの定義でした。

Flutterでの使用例

Flutterでの使用例を解説します。
1 ~ 50 の数字の2乗を表示するListViewを作成してみます。

Listの要素の定義文は以下で書けます。

final list = [for (int i = 1; i < 51; i++) Text('${i * i}')];

このTextWidget のListを使ったアプリの実行結果が以下になります。

サンプルコード全体は以下になります。

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: MyWidget(),
    );
  }
}

class MyWidget extends StatelessWidget {
  const MyWidget({super.key});

  @override
  Widget build(BuildContext context) {
    final list = [for (int i = 1; i < 51; i++) Text('${i * i}')];

    return Scaffold(
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8),
          child: ListView(
            children: list,
          ),
        ),
      ),
    );
  }
}