📘
Flutter 组件化封装
✨
🧩
30章 · 从入门到组件库
1
Flutter组件化封装与复用实战：课程介绍与前置知识
📌 基础概念 · 环境搭建
➔
2
Flutter组件化封装与复用实战：基础组件封装思想
🧠 设计原则 · 复用模式
➔
3
Flutter组件化封装与复用实战：StatelessWidget与StatefulWidget的封装差异
⚡ 状态管理 · 生命周期
➔
4
Flutter组件化封装与复用实战：自定义Button组件的封装
🔘 样式 · 交互 · 主题
➔
5
Flutter组件化封装与复用实战：自定义TextField组件的封装
✏️ 输入框 · 校验 · 装饰
➔
6
Flutter组件化封装与复用实战：自定义Card组件的封装
🃏 卡片 · 阴影 · 圆角
➔
7
Flutter组件化封装与复用实战：自定义Dialog组件的封装
💬 弹窗 · 动画 · 遮罩
➔
8
Flutter组件化封装与复用实战：自定义AppBar组件的封装
📱 顶部栏 · 渐变 · 按钮
➔
9
Flutter组件化封装与复用实战：自定义TabBar组件的封装
📑 标签切换 · 指示器
➔
10
Flutter组件化封装与复用实战：自定义BottomNavigationBar组件的封装
🗂️ 底部导航 · 图标 · 角标
➔
11
Flutter组件化封装与复用实战：自定义ListView组件的封装
📃 列表 · 优化 · 下拉刷新
➔
12
Flutter组件化封装与复用实战：自定义GridView组件的封装
🧩 网格 · 自适应 · 间距
➔
13
Flutter组件化封装与复用实战：自定义PageView组件的封装
📖 页面滑动 · 指示器
➔
14
Flutter组件化封装与复用实战：自定义Stepper组件的封装
👣 步骤条 · 状态 · 动画
➔
15
Flutter组件化封装与复用实战：自定义Slider组件的封装
🎚️ 滑块 · 范围 · 刻度
➔
16
Flutter组件化封装与复用实战：自定义Switch组件的封装
🔀 开关 · 主题 · 交互
➔
17
Flutter组件化封装与复用实战：自定义Checkbox与Radio组件的封装
✅ 多选 · 单选 · 样式
➔
18
Flutter组件化封装与复用实战：自定义DatePicker与TimePicker组件的封装
📅 日期 · 时间 · 选择器
➔
19
Flutter组件化封装与复用实战：自定义SnackBar与Banner组件的封装
🍿 提示条 · 横幅 · 动画
➔
20
Flutter组件化封装与复用实战：自定义Loading与Skeleton组件的封装
⏳ 加载 · 骨架屏 · 占位
➔
21
Flutter组件化封装与复用实战：自定义EmptyState与ErrorState组件的封装
📭 空状态 · 错误页 · 重试
➔
22
Flutter组件化封装与复用实战：自定义网络图片缓存组件的封装
🖼️ 图片加载 · 缓存 · 占位
➔
23
Flutter组件化封装与复用实战：自定义视频播放器组件的封装
🎬 视频 · 控制 · 全屏
➔
24
Flutter组件化封装与复用实战：自定义地图组件的封装
🗺️ 地图 · 标记 · 定位
➔
25
Flutter组件化封装与复用实战：自定义图表组件的封装
📊 柱状图 · 折线 · 饼图
➔
26
Flutter组件化封装与复用实战：组件库的目录结构与命名规范
📁 架构 · 约定 · 最佳实践
➔
27
Flutter组件化封装与复用实战：组件库的文档生成与Storybook
📘 文档 · 预览 · 交互演示
➔
28
Flutter组件化封装与复用实战：组件库的单元测试与Widget测试
🧪 测试 · 模拟 · 覆盖率
➔
29
Flutter组件化封装与复用实战：组件库的发布与版本管理
🚀 发布 · SemVer · 维护
➔
30
Flutter组件化封装与复用实战：综合实战：构建一个完整的组件库
🏗️ 全流程 · 集成 · 交付
➔