モケラ

Tech Sheets

mokelab

Flutterで、タイトルのみのリスト表示をする

最終更新日:2022-05-08

ListView を作るには、 ListView.builder() を使います。各行を表すWidgetは、 itemBuilder の中で生成します。

Scaffold(
  appBar: AppBar(
    title: Text(widget.title),
  ),
  // 全体をListViewにする
  body: ListView.builder(
    itemCount: 3,
    // アイテムとなるWidgetを生成するのは、ここ
    itemBuilder: (context, index) {
      return ListTile(
        title: Text("Item$index"),
        onTap: () {
          print(index);
        });
    },
  ),
);

実行すると、次のように表示されます。

一覧に戻る