現在、私たちのカードは、GridViewの子フィールドのインラインで作成されています。
この書き方では、読みにくいネストされたコードになりがちです。 空のカードをいくつでも生成できる関数に抽出(extract)して、カードのリストを返すようにします。
具体的には、build（）関数の上に新しいプライベート関数を作成します（アンダースコアで始まる関数はプライベートAPIであることを忘れないでください）。
List<Card> _buildGridCards(int count) {
List<Card> cards = List.generate(
count,
(int index) => Card(アプリに構造ができてきたので、コンテンツをカードに配置して整理しましょう。
カード(Card)ウィジェットは、一つのコンテントに関する内容とアクションを表示する独立した要素です。 これらは、類似したコンテンツをコレクションとして提示するための柔軟な方法です。
カードの詳細については、マテリアルガイドラインのカードの記事をご覧ください。
カードウィジェットの詳細については、Flutterでのレイアウトの構築をご覧ください。
上部のアプリバーの下にカードを1枚追加することから始めましょう。 カードウィジェットだけでは、それを表示できる場所に配置するのに十分な情報がないため、GridViewウィジェットにカプセル化する必要があります。
ScaffoldのbodyパラメータのCenterウィジェットをGridViewウィジェットに置き換えます。
body: GridView.count(
crossAxisCount: 2,
padding: EdgeInsets.all(16.0),