はじめに

最近Flutter案件に参加して、コードを読みながら「え、なにこれ？」と感じたポイントがいくつかありました。
最初につまづいた2つのこと、

について、Flutter初心者目線で整理してみます。

1. `@override` って何者？

Flutterでは、@override がよく使われています。
最初は「なんでわざわざ書くの？書かないと動かないの？」と疑問でした。

たとえば、StatefulWidget の中で使う initState()。
これは実は「親クラス（State）で定義された関数」で、自分のクラスにカスタム処理を入れたいときに上書き（override）して使います。

@override
void initState() {
  super.initState(); // ← 親のinitState()もちゃんと呼ぶ
  // 自分の処理
}

つまり @override は「安全のための宣言」みたいなものです。
書かなくても動くことはありますが、書いた方がいいらしいです。

Flutterでは、リストを使って複数のWidgetを並べる場面がめちゃくちゃ多いです。
入った案件ではこんなコードを見かけました。

List<Widget> widgets = [];
for (var item in items) {
  widgets.add(Text(item));
}

これは動きますが、Flutterらしい書き方ではないそうです。

final widgets = items.map((item) => Text(item)).toList();

さらに ...（スプレッド演算子）と組み合わせると、もっとFlutterっぽくなります：

Column(
  children: [
    Text('リスト：'),
    ...items.map((item) => Text(item)).toList(),
  ],
);

TypeScriptユーザーの僕からしたら直感的な書き方です！