Flutter · 安卓UI一致性

📘 30章 配色·元气满满
为什么需要一致性 核心挑战 目标与范围
Material 3 核心原则 动态取色机制 Flutter Material 3 支持
ThemeData vs XML主题 属性映射表 动态主题切换
ColorScheme vs ColorStateList 取色算法对齐 暗色模式适配
TextTheme vs Typography 字体缩放行为 自定义字体加载
EdgeInsets vs dimens.xml 8dp网格系统对齐 响应式布局差异
ShapeDecoration vs shape MaterialShape & RoundedCorner 统一圆角方案
Flutter阴影 vs elevation Z轴层级映射 自定义阴影优化
Icon vs VectorDrawable 自适应图标 图标主题色处理
SystemChrome vs WindowInsets 状态栏样式同步 底部导航栏适配
AppBar vs Toolbar 滚动行为对齐 搜索栏与菜单
BottomNavigationBar vs BottomNavigationView Drawer vs NavigationView
ButtonStyle vs MaterialButton 状态颜色映射 触摸反馈对齐
TextField vs EditText 输入验证样式 键盘类型对齐
AlertDialog vs AlertDialog BottomSheet & ModalBottomSheet 弹窗动画一致性
Card vs CardView ListTile vs RecyclerView Item 选择状态与涟漪
TabBar vs TabLayout 指示器动画 可滚动Tab行为
LinearProgressIndicator vs ProgressBar CircularProgressIndicator 自定义进度动画
SnackBar vs Snackbar Toast替代方案 显示时长与堆叠
RefreshIndicator vs SwipeRefreshLayout 滚动行为与边缘效果
AnimationController vs Animator 页面过渡动画 共享元素过渡
GestureDetector vs OnTouchListener 点击涟漪效果 长按与拖拽对齐
MethodChannel 通信 UI属性动态获取 原生组件嵌入
共享UI组件库 平台感知组件 条件编译与适配
UI自动化测试 像素级对比工具 视觉回归测试
减少平台通道调用 缓存主题数据 避免不必要重建
Flutter升级影响 Material 2→3迁移 Android 12+动态取色
电商App UI一致性 社交应用主题统一 企业级跨平台UI治理
主题生成器 代码模板 CI/CD UI一致性检查
未来趋势 Compose与Flutter融合 跨平台UI标准化