SuperAPI AI 工具集

custom-plugin-flutter-skill-ui

设计与创作

查看项目

更新于 10-16 03:43

技能介绍

用途:该技能面向 Flutter UI 开发,提供从 Widget 体系到生产级界面模式的参考,帮助开发者构建跨平台界面。

主要能力:

  1. Widget 体系:StatelessWidget、StatefulWidget、const 构造、InheritedWidget 状态传递。
  2. 约束布局:Row、Column、Flex、GridView、Stack、CustomMultiChildLayout 等。
  3. Material Design 3:ThemeData、ColorScheme.fromSeed、AppBar、按钮、TextField、Form 校验。
  4. 动画:AnimationController、Tween、CurvedAnimation、AnimatedContainer、AnimatedOpacity 等隐式动画。
  5. 响应式设计:按宽度(<600、<1200)切换移动/平板/桌面布局。
  6. 无障碍:Semantics 标签、最小点击区域、系统字体缩放。
  7. 性能优化:const 构造、拆分 Widget、RepaintBoundary、ListView.builder、CachedNetworkImage、DevTools 分析。

使用方式:资料以代码示例为主,例如用 ResponsiveWidget 按屏幕宽度选择布局,用 ConsumerWidget 与 ref.watch 结合异步状态渲染加载/数据/错误分支。示例中出现的命令与代码需保持原样。

适用场景:需要快速查阅 Flutter UI 模式、搭建响应式页面、实现 Material 3 主题与动画的开发者。

限制:资料未提供安装命令、依赖版本、收费方式、平台支持范围或效果数据,暂未提供;示例中的部分类型(如 List)未标注泛型,实际使用需按项目调整。