flutter

前言 前课中，我们一直在使用 Flutter——写 Widget、搭布局、管状态、做导航。但你有没有好奇过：当你写下 Text('Hello') 时，Flutter 到底做了什么，才让这几个字出现在屏

前言 上一篇文章中，我们搭建了 Rolodex 通讯录项目并创建了数据模型。但应用目前只有一个"Hello Rolodex!"占位页面。 今天这篇文章基于官方教程的「Adaptive Layouts」

前言 上一篇文章中，我们用 LayoutBuilder 实现了自适应布局——大屏幕并排显示、小屏幕单页显示。但侧边栏和详情面板里都是占位文字，还没有真正的联系人列表。 今天这篇文章基于官方教程的「Sc

前言 上一篇文章中，我们搭建了 Rolodex 通讯录项目并创建了数据模型。但应用目前只有一个"Hello Rolodex!"占位页面。 今天这篇文章基于官方教程的「Adaptive Layouts」

恭喜你完成了前两个项目：Birdle 猜词游戏和维基百科阅读器！你已经掌握了 Widget 基础、布局、状态管理和 MVVM 架构。 从这一篇开始，我们进入全新的章节——Flutter UI 1

前言 在前两篇文章中，我们完成了 MVVM 架构的 Model 层（HTTP 请求）和 ViewModel 层（ChangeNotifier 状态管理）。但界面仍然是一个"Loading..."的占位

前言 上一篇文章中，我们创建了 ArticleModel（Model 层），实现了从维基百科 API 获取文章数据。但 Model 只负责"取数据"，它不知道数据什么时候该展示、界面什么时候该更新。

前言 恭喜你完成了 Birdle 猜词游戏的全部教程！从环境搭建到隐式动画，你已经掌握了 Flutter UI 开发的核心基础。 从这一篇开始，我们进入一个全新的阶段——状态管理（State Mana

前言 在上一篇文章中，我们用 StatefulWidget 和 setState 让 Birdle 游戏真正能玩起来了——玩家输入猜测、按回车、棋盘实时更新颜色。但你可能注意到，颜色的变化是"啪"一下

前言 在上一篇文章中，我们给 Birdle 游戏添加了输入框和提交按钮，玩家已经可以输入猜测的单词了。但有一个问题——输入完按回车后，棋盘上什么都没变。单词虽然被提交了（在控制台能看到打印），但界面纹

前言 在前几篇文章中，我们搭好了 Birdle 猜词游戏的棋盘界面，也学会了用 DevTools 调试布局。但到目前为止，我们的应用只能"看"，不能"用"——玩家没有办法输入猜测的单词。 今天这篇文章

前言 在前几篇文章中，我们搭建了 Birdle 猜词游戏的基本界面：创建了 Tile 组件、用 Column 和 Row 排出了 5×5 的棋盘。但随着应用越来越复杂，你可能会遇到一些困惑：某个组件为

前言 在前两篇文章中，我们创建了 Flutter 项目，还学会了自定义一个 Tile 组件。但一个孤零零的方块并不能构成游戏界面——我们需要把 25 个方块整整齐齐地排成 5 行 5 列的网格。 今天

一、我们要做什么？ 在官方教程中，最终要构建一个叫做「Birdle」的小游戏应用（类似于大家熟悉的 Wordle 猜词游戏）。不过今天这一课的重点不是完成整个游戏，而是迈出第一步：创建一个能运行的 F

一、准备工作：添加游戏逻辑文件 在正式开始写 UI 之前，我们需要先给项目添加一个游戏逻辑文件。这个文件负责处理猜词游戏的规则判断（比如字母猜对了没有、位置对不对等），与界面无关，所以官方教程直接提供