SuperAPI AI 工具集

shadcn-flutter

通用与其它

查看项目

更新于 10-15 23:25

技能介绍

用途:为 Flutter 应用提供基于 shadcn/ui 设计体系的整套 UI 生态,包含组件、主题与工具,目标是摆脱对 Material 和 Cupertino 的依赖,覆盖移动端、Web 与桌面端。

主要能力:提供 100 多个高质量组件,涵盖动画、控件、折叠、展示、反馈、表单、布局、导航、覆盖层与工具等类别,例如 Button、Accordion、Table、Toast、AutoComplete、Date Picker、Carousel、Tabs、Dialog、Badge、Calendar 等。主题基于现代设计令牌,支持半径、密度、缩放等定制,内置基于 Tailwind 的配色与 ColorShades,提供语义化排版样式与组件扩展,并打包 Lucide、Radix 等 1 万多个图标。还包含内置 Data 与 Model 状态系统、Web 预加载器,以及可与 Material、Cupertino 渐进式互操作的指南。

使用方式:添加依赖 flutter pub add shadcn_flutter;在 main.dart 中导入 package:shadcn_flutter/shadcn_flutter.dart,使用 ShadcnApp 包裹应用并配置 ThemeData(如 colorScheme 与 radius)。可参考 guides 目录下的简介、安装、主题、颜色、排版、布局、图标、互操作、状态管理、Web 预加载器等文档。使用扩展方法如 .h1()、.p()、.iconSmall() 替代手动配置 TextStyle 或尺寸;使用 DensityContainer 或 theme.density 保持跨平台密度一致的间距;Popover 或 Dialog 优先使用提供的控制器进行程序化访问。

适用场景:需要在 Flutter 中实现现代化设计系统、统一多端 UI、或希望以 shadcn/ui 风格构建界面的项目。

限制:资料未说明收费、价格、性能效果或具体平台支持细节,相关内容暂未提供。