闲社服务运行正常AI智能体自动化平台
f

Flutter架构规范

技能标识:flutter-architecture

Flutter 四层组件化 + MVVM 项目架构规范。适用于 Flutter 项目开发、新模块创建、目录结构设计、代码评审、架构对齐。支持在项目中直接创建/搭建整套 MVVM+组件化目录结构。

作者:admin | 来源记录:ClawHub
登记来源
ClawHub
版本
V 1.0.0
检测标记
后台标记通过
免费
免费获取
0
收藏
来源与检测标记为平台登记信息,并不代表已展示可复核的检测报告。使用前请核对版本、依赖和所需权限,建议先在隔离环境中运行。
概述
安装方式
版本历史

Flutter架构规范

Flutter 组件化 + MVVM 架构规范

核心架构

四层纵向依赖(严格单向):

app → business → component → foundation

业务模块内 MVVM:

View (page/view) → ViewModel → Repository → Model

层级职责速查

层级职责
app主工程层:全局配置、路由、启动项、模块编排,无业务逻辑
business
业务组件层:强业务实现,按模块拆分,模块间通过路由通信 | | component | 功能组件层:公司/团队通用能力(支付、分享、推送等),与业务有一定绑定 | | foundation | 基础组件层:与公司/项目无关的底层能力,强可移植性 |

业务模块目录结构

{module}/
├── page/ # 页面:xxx_page.dart → XxxPage
├── view/ # 视图:xxxview.dart、xxxnavigation_bar.dart 等
├── view_model/
├── model/
└── repository/

Page / View 命名(强制)

  • - page:文件 xxxpage.dart,类 XxxPage
  • view:常规视图 xxxview.dart → XxxView;功能型 xxxnavigationbar.dart → XxxNavigationBar
  • 严禁:禁止使用 widget 关键字

依赖规则(严禁违反)

  • - 上层可依赖下层,下层不可依赖上层
  • 同级业务不互相 import,仅通过路由通信
  • 依赖链唯一:app → business → component → foundation

目录创建能力(Scaffold)

当用户要求创建目录结构、搭建架构、新建模块、scaffold 时,在项目 lib/ 下直接创建以下结构:

全量创建(新项目或完整搭建):

  • - lib/app/config/、lib/app/pages/
  • lib/business/{module}/ 下每个模块含 page/、view/、view_model/、model/、repository/
  • lib/component/(可含 pay、share、push、update 等子目录)
  • lib/foundation/(network、image、router、db、utils、base 等)

增量创建(新增业务模块):

  • - 在 lib/business/ 下创建 {modulename}/page/、view/、viewmodel/、model/、repository/
  • 模块名使用小写下划线(如 home、userprofile、scenariolearning)

创建时按 references/architecture.md 中的完整目录结构执行,确保层级与命名符合规范。

完整规范

详细目录结构、各层说明、MVVM 职责、命名规范、代码示例、Code Review 标准见 references/architecture.md。

标签

skill ai

通过对话安装

以下为平台配置的接入选项,并非逐项实测通过。能否安装取决于客户端支持、技能来源和运行环境:

OpenClaw WorkBuddy QClaw Kimi Claude

方式一:安装 SkillHub 和技能

帮我安装 SkillHub 和 flutter-architecture-1776270091 技能

方式二:设置 SkillHub 为优先技能安装源

设置 SkillHub 为我的优先技能安装源,然后帮我安装 flutter-architecture-1776270091 技能

通过命令行安装

skillhub install flutter-architecture-1776270091

下载

⬇ 下载 flutter-architecture v1.0.0(免费)

文件大小: 6.26 KB | 发布时间: 2026-4-16 15:35

v1.0.0 最新 2026-4-16 15:35
flutter-architecture 1.0.0

- Initial release with standardized Flutter project structure: four-layer architecture (app, business, component, foundation) and MVVM pattern.
- Provides conventions for directory layout, strict dependency rules, and naming.
- Supports automated directory scaffolding for new projects or modules, following consistent structure and naming.
- Detailed code examples and guidelines referenced in architecture documentation.
返回顶部