用途:该技能面向 Flutter UI 开发,提供从 Widget 体系到生产级界面模式的参考,帮助开发者构建跨平台界面。
主要能力:
- Widget 体系:StatelessWidget、StatefulWidget、const 构造、InheritedWidget 状态传递。
- 约束布局:Row、Column、Flex、GridView、Stack、CustomMultiChildLayout 等。
- Material Design 3:ThemeData、ColorScheme.fromSeed、AppBar、按钮、TextField、Form 校验。
- 动画:AnimationController、Tween、CurvedAnimation、AnimatedContainer、AnimatedOpacity 等隐式动画。
- 响应式设计:按宽度(<600、<1200)切换移动/平板/桌面布局。
- 无障碍:Semantics 标签、最小点击区域、系统字体缩放。
- 性能优化:const 构造、拆分 Widget、RepaintBoundary、ListView.builder、CachedNetworkImage、DevTools 分析。
使用方式:资料以代码示例为主,例如用 ResponsiveWidget 按屏幕宽度选择布局,用 ConsumerWidget 与 ref.watch 结合异步状态渲染加载/数据/错误分支。示例中出现的命令与代码需保持原样。
适用场景:需要快速查阅 Flutter UI 模式、搭建响应式页面、实现 Material 3 主题与动画的开发者。
限制:资料未提供安装命令、依赖版本、收费方式、平台支持范围或效果数据,暂未提供;示例中的部分类型(如 List)未标注泛型,实际使用需按项目调整。