第 9 课：ListView滚动列表

• 日期：2026-09-09
• 课程序号：第 9 课
• 知识点：ListView 与滚动约束

用途

在屏幕空间不足时纵向展示可滚动的课程列表。

核心概念

ListView 在主轴方向提供滚动；放进 Column 时通常需要用 Expanded 给它明确的剩余高度。

最小代码或操作示例

ListView(
  children: const [
    ListTile(title: Text('变量')),
    ListTile(title: Text('循环')),
  ],
)

3～5 分钟练习

增加第三个 ListTile，并把列表放进一个包含标题的 Column。

参考答案

标题后使用 Expanded(child: ListView(...))，避免列表获得无界高度。

与上一课的联系

上一课用 Stack 在同一空间叠放元素；本课处理内容超过可见高度时的纵向滚动。