📘 Flutter 主题·国际化
30 章实战
🎒 风格 · 明快色系
01
主题系统初探：Flutter ThemeData 核心属性解析
Material Design
理解主题体系
→
02
全局主题配置：MaterialApp 一键换肤
基础架构
全局主题基石
→
03
自定义主题颜色：ColorScheme 品牌调色板
调色板
覆盖默认颜色
→
04
文字主题定制：TextTheme 各级文字样式
排版
标题/正文/按钮
→
05
组件主题化：ButtonTheme / InputDecorationTheme
独立定制
组件级主题
→
06
暗黑模式适配：Light / Dark 双主题切换
跟随系统
手动控制
→
07
动态主题切换：StatefulWidget / Provider
运行时
即时换肤
→
08
主题持久化：SharedPreferences 保存偏好
重启保持
本地存储
→
09
局部主题覆盖：Theme 组件子树覆盖
不影响全局
灵活控制
→
10
扩展主题数据：Extension / InheritedWidget
自定义属性
扩展 ThemeData
→
11
国际化基础：localizationsDelegates 配置
Flutter i18n
流程入门
→
12
多语言资源管理：创建 arb 文件
字符串资源
多语言管理
→
13
使用 intl 包：日期/数字/货币本地化
intl
格式化
→
14
动态语言切换：运行时切换 App 语言
无需重启
即时生效
→
15
语言偏好持久化：保存语言到本地
自动应用
下次启动
→
16
RTL 布局适配：阿拉伯语等从右到左
UI 方向
镜像布局
→
17
复数与性别化：不同语言复数/性别翻译
i18n 难点
精准适配
→
18
占位符与参数化：动态插入变量
字符串模板
参数翻译
→
19
嵌套国际化：多层次翻译文件组织
复杂页面
管理策略
→
20
第三方国际化库：flutter_i18n / easy_localization
优劣对比
选型参考
→
21
主题与国际化结合：语言动态调整主题
暖色/冷色
文化适配
→
22
无障碍主题：高对比度 / 大字模式
色盲/弱视
包容性设计
→
23
主题测试：Widget 测试验证主题渲染
自动化
组件测试
→
24
国际化测试：多语言布局与字符串验证
i18n 测试
正确性
→
25
性能优化：主题/语言切换避免重建
性能
减少开销
→
26
包体积管理：按需加载语言包
瘦身
减少安装包
→
27
云端主题与翻译：远程动态拉取
云端配置
实时更新
→
28
社区最佳实践：官方与社区推荐模式
总结
设计模式
→
29
实战案例一：中英文切换 + 明暗主题新闻App
综合实战
新闻阅读器
→
30
实战案例二：多语言 + 自定义主题电商App首页
电商首页
全流程落地
→