渐进式编程课
Flutter 目录
第 7 课2026.09.07

纵向排列标题和说明。

第 7 课:Column纵向排列与间距

  • 日期:2026-09-07
  • 课程序号:第 7 课
  • 知识点:Column 与 mainAxisSize

用途

纵向排列标题和说明。

核心概念

Column 与 mainAxisSize用于保持示例中的数据或操作关系清晰;本课只处理这一项,不引入额外状态或自动化。

最小代码或操作示例

dart
Column(mainAxisSize: MainAxisSize.min, children: const [Text("今日练习"), SizedBox(height: 8), Text("完成 5 分钟")])

3~5 分钟练习

修改示例中的一个输入值,先预测结果,再在对应运行环境或软件副本中执行。

参考答案

加入 SizedBox(height: 12) 后再放按钮即可形成明确间距。

与上一课的联系

沿用上一课已经建立的最小示例,本课只增加这一项核心能力。

参考资料