Flutter开发人员需要关于架构、状态管理和多平台性能优化的专家指导。本技能提供全面的Flutter 3.x和Dart 3专业知识，用于构建可投入生产的应用程序。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「flutter-expert」。 如何实现可在移动端和桌面端工作的响应式布局？
預期結果:
使用LayoutBuilder结合Breakpoints。例如：
```dart
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth < 600) {
return MobileLayout();
}
return DesktopLayout();
},
);
}
```
对于更复杂的场景，你也可以使用媒体查询和flutter_responsive。
正在使用「flutter-expert」。 大型电商应用的最佳状态管理是什么？
預期結果:
对于大型电商应用，我推荐Riverpod 2.x或Bloc。Riverpod提供编译时安全性和出色的测试支持。Bloc提供清晰的事件和状态分离。考虑混合使用：Riverpod用于依赖注入和全局状态，Bloc用于功能模块中的复杂业务逻辑。
安全審計
安全Prompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 potential security issues. Risk score: 0/100. This is a benign Flutter development assistant skill that provides guidance, best practices, and code examples through natural language prompts only.
品質評分
你能建構什麼
架构设计
获取关于使用清晰架构、依赖注入和模块化代码组织来构建Flutter应用程序的指导
状态管理选择
根据应用程序复杂度和团队经验获取状态管理解决方案的推荐
性能优化
学习优化widget重建、内存使用和渲染性能的技术
試試這些提示
如何在Flutter中实现[具体widget或功能]？
为需要[功能列表]的Flutter应用程序设计清晰的架构结构。我应该使用哪些文件夹、模式和依赖？
使用[Riverpod/Bloc/GetX]为[描述应用功能]实现状态管理。包括状态、事件和UI使用的代码示例。
创建平台通道以从Flutter访问[原生iOS/Android功能]。包括Dart和原生代码实现。
最佳實務
- 尽可能使用const构造函数来优化widget重建
- 使用try-catch和自定义Exception类实施适当的错误处理
- 编写全面的测试：单元测试用于业务逻辑，widget测试用于UI组件
避免
- 避免使用setState()处理复杂状态——应使用适当的状态管理
- 不要忽略接受常量子级的widget上的'const'关键字
- 避免重建整个widget树——使用Selector或Consumer进行细粒度更新