第二阶段：Flutter核心（3-4周）

第二阶段：Flutter核心（3-4周）

重点：Widget + 布局 + 状态管理

1. Widget基础

• 视频教程：
  
  
  • 《Flutter实战教程》 - 技术胖
  • Flutter官方Codelabs
    
    
• 核心Widget清单：
  dart
  
  
  
  // 1. 基础WidgetContainer()      // 容器Text()           // 文本Image()          // 图片Icon()           // 图标// 2. 布局WidgetRow() / Column() // 行/列Stack()          // 堆叠Expanded()       // 扩展SizedBox()       // 固定尺寸// 3. 滚动WidgetListView()       // 列表GridView()       // 网格SingleChildScrollView()// 4. 交互WidgetElevatedButton() // 按钮TextField()      // 输入框Checkbox()       // 复选框
  
  

2. 实战小项目练习dart



// 项目1：TODO列表应用// 项目2：天气应用// 项目3：新闻列表// 项目4：简易计算器
3. 状态管理（重点！）dart



// 学习顺序：setState → Provider → GetX → Riverpod// 1. setState - 最简单class CounterPage extends StatefulWidget {  @override  _CounterPageState createState() => _CounterPageState();}class _CounterPageState extends State<CounterPage> {  int _count = 0;    void _increment() {    setState(() {      _count++;    });  }}// 2. Provider - 官方推荐class Counter with ChangeNotifier {  int _count = 0;  int get count => _count;    void increment() {    _count++;    notifyListeners();  }}// 3. GetX - 简洁高效（国人开发）class CounterController extends GetxController {  var count = 0.obs;  // 响应式    void increment() {    count.value++;  }}