渐进式编程课
Flutter 目录
第 14 课2026.09.16

点击列表行时处理当前课程。

第 14 课:ListTile点击回调

  • 日期:2026-09-16
  • 课程序号:第 14 课
  • 知识点:ListTile点击回调

用途

点击列表行时处理当前课程。

核心概念

ListTile.onTap 接收无参数回调;闭包可捕获 itemBuilder 当前项。

最小代码或操作示例

text
ListTile(
  title: Text(lessons[index]),
  onTap: () => debugPrint(lessons[index]),
)

3~5 分钟练习

把点击改为显示 SnackBar。

参考答案

在 onTap 中调用 ScaffoldMessenger.of(context).showSnackBar(...)。

与上一课的联系

继承上一课的 ListTile 行;本课只增加点击回调;下一课可进入详情页。

时效校验

时效校验:2026-09-16(Flutter 当前 Material API)。已打开并核对下列官方资料;未发现本课主方案存在废弃标记。

官方参考