渐进式编程课
Flutter 目录
第 13 课2026.09.15

把按需构建的字符串列表变成结构清晰的标准列表行。

第 13 课:ListTile构建标准列表行

  • 日期:2026-09-15
  • 课程序号:第 13 课
  • 知识点:ListTile 的 title 与 trailing

用途

把按需构建的字符串列表变成结构清晰的标准列表行。

核心概念

ListTile 提供 leading、title、subtitle、trailing 等固定槽位。

最小代码或操作示例

dart
ListTile(
  leading: const Icon(Icons.book),
  title: Text(lessons[index]),
  trailing: Text('${index + 1}'),
)

3~5 分钟练习

在每行增加“未完成”副标题。

参考答案

添加 subtitle: const Text('未完成')。

与上一课的联系

继承上一课 itemBuilder 的 index;本课只定义单行结构;下一课可加入点击回调。

时效校验

时效校验:2026-09-15(Flutter 当前稳定 API)。已打开并核对下列官方文档;示例未使用已废弃接口。

官方参考