DEV Community
·
Flutter的Fluent 2 UI
💡
原文英文，约900词，阅读约需4分钟。
📝
内容提要
Fluent UI 2是微软设计系统的升级版，提供流畅的用户体验。Gbt Fluent 2 UI包基于Material设计，支持Flutter应用的定制组件，允许根据主题、颜色和字体进行配置。设计令牌用于定义样式，确保主题和布局的一致性。Fluent组件如FluentProvider和FluentScaffold帮助开发者创建美观的应用界面。
🎯
关键要点
- Fluent UI 2是微软设计系统的升级版，提供流畅的用户体验。
- Gbt Fluent 2 UI包基于Material设计，支持Flutter应用的定制组件。
- 设计令牌用于定义样式，确保主题和布局的一致性。
- FluentProvider和FluentScaffold组件帮助开发者创建美观的应用界面。
- 一致的主题维护通过FluentProvider包装MaterialApp。
- 设计令牌用于分配Fluent样式，如颜色、排版、间距等。
- FluentContainer组件支持Fluent设计规则的属性。
- FluentColors和FluentDarkColors提供品牌和中性色彩选择。
- Fluent字体阶梯定义了不同文本元素的字体大小和权重。
- Fluent图标集用于微软产品，具有友好的设计风格。
- FluentContainer用于设置阴影效果。
- FluentStrokeDivider用于创建分隔线，支持自定义样式。
- FluentSize用于定义间距和尺寸。
- Fluent组件包括FluentProvider、FluentScaffold、FluentAvatar等，支持多种功能。
🏷️
标签
➡️
