| name | flutter-tdesign |
| description | TDesign Flutter 组件库开发专家 - 基于腾讯 TDesign 设计体系的 Flutter UI 组件库，支持50+预制组件、主题定制、深色模式、国际化。触发场景：(1) Flutter UI 开发 (2) TDesign 组件使用 (3) 主题定制需求 (4) 移动端/Web 应用开发 |
Skill: flutter-tdesign
基本信息
| 属性 | 值 |
|---|
| 名称 | TDesign Flutter 组件库 |
| 版本 | 0.2.7 |
| 技术栈 | Flutter 3.16+, Dart 3.2.6+ |
| 组件数量 | 50+ |
| 图标数量 | 2113 |
功能描述
基于腾讯 TDesign 设计体系的 Flutter UI 组件库，提供 50+ 预制组件、主题定制、深色模式、国际化支持。
触发条件
命令触发
自然语言触发
- "使用 TDesign Flutter" / "Flutter UI 组件"
- "TDButton/TDDialog/TDToast..."
- "TDesign 主题配置"
输入参数
| 参数 | 类型 | 默认值 | 说明 |
|---|
| component | string | - | 组件名称 |
| category | string | - | 组件分类(basic/form/navigation/feedback/display/operation) |
参考文档（按需加载）
组件文档
- 组件索引 - 快速查找组件
- 按分类加载：
- 基础组件 - Button, Icon, Link, Divider, Cell, Text
- 表单组件 - Input, Checkbox, Radio, Switch, Slider...
- 导航组件 - NavBar, TabBar, SideBar...
- 反馈组件 - Dialog, Toast, Message, ActionSheet...
- 展示组件 - Avatar, Badge, Tag, Image...
- 操作组件 - DropdownMenu, SwipeCell, BackTop...
- 其他组件 - NoticeBar, Steps, Table...
配置文档
快速参考
快速示例
按钮组件
const TDButton(
text: '按钮',
type: TDButtonType.fill,
theme: TDButtonTheme.primary,
)
Toast 提示
TDToast.showSuccess('成功', context: context);
TDToast.showLoading(context: context);
主题配置
TDTheme(
data: TDTheme.defaultData(),
child: MaterialApp(...),
)
导入方式
import 'package:tdesign_flutter/tdesign_flutter.dart';
