各リスト項目の右側にゴミ箱アイコンが表示され、押すとそのTodoが削除されるようにします

スクリーンショット 2025-06-14 10.01.23.png

上記画像のようにtodo_page.dartを編集しよう

trailing: IconButton(
  icon: Icon(Icons.delete, color: Colors.red),
  onPressed: () {
    setState(() {
      todos.removeAt(index);
    });
  },
),

解説

  1. trailing:
  2. IconButton
  3. onPressed:
  4. setState(() { ... })
  5. todos.removeAt(index);

スクリーンショット 2025-06-14 10.05.10.png

画像のようにゴミ箱マークが表示され、タップすることでリスト削除ができればOK!

<aside> ➡️

Next: UIブラッシュアップ

</aside>