# flutter_notes

**Repository Path**: vicky_wzp/flutter_notes

## Basic Information

- **Project Name**: flutter_notes
- **Description**: flutter的一些文档
- **Primary Language**: Dart
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-09-27
- **Last Updated**: 2026-05-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# V-Components

Flutter 自定义组件库文档，记录团队封装的 UI 组件规范，供 AI 和团队成员查阅使用。

## 组件列表

| 组件 | 说明 | 替代原生 |
|------|------|---------|
| VPopup | 弹出层，支持遮罩、高亮区域、全局弹出 | showDialog / Overlay |

> 完整组件文档见 [components/](components/) 目录

## AI 工作流集成

本仓库已集成 Claude Code 组件库规范，团队成员执行以下命令一键配置：

```bash
# 1. 添加 marketplace
claude plugin marketplace add https://gitee.com/vicky_wzp/flutter_notes.git

# 2. 安装 setup skill
claude plugin install setup-vcomponents@flutter_notes

# 3. 执行一键配置
/setup-vcomponents
```

配置完成后，AI 在所有 Flutter 项目中写页面时，会自动查阅本组件库，优先使用现有组件。

## 目录结构

```
flutter_notes/
├── CLAUDE.md              # AI 入口，组件索引
├── README.md
├── components/            # 组件文档
│   ├── assets/            # 组件示例图片
│   │   └── VPopup/
│   └── VPopup.md
└── skill/
    └── setup-vcomponents/ # 团队配置 skill
```

## 维护规范

新增组件后执行 `/sync-components`，自动同步 `CLAUDE.md` 和 `README.md` 的组件列表。