Flutter 移动设计系统
移动设计系统 in Flutter(是的,可以这么简单……)。
此框架包含 SBB(瑞士联邦铁路)Flutter 应用的 UI 元素。它允许轻松集成 SBB 主题到您的应用(或您选择的自定义颜色主题)。所有元素都针对动态文字大小、VoiceOver、浅色和深色模式以及不同的 SizeClasses 进行了优化。
注意:此插件仍处于开发阶段,某些 API 可能会发生更改。非常欢迎提供反馈和拉取请求!
用法
要使用此插件,请将 design_system_flutter 添加为 pubspec.yaml 文件中的依赖项。由于这是一个私有插件,您必须将其添加为 Git 依赖项
dependencies:
design_system_flutter:
git:
url: https://github.com/SchweizerischeBundesbahnen/design_system_flutter.git
入门
Dart/Flutter 集成
从您的 Dart 代码中,您需要导入插件并实例化它
import 'package:design_system_flutter/design_system_flutter.dart';
然后,您只需使用提供的字体、样式、颜色、小部件……
SBB 内部文档
目前,以下文档仅对 SBB 内部人员可用
- SBB 移动设计系统文档(2021 年以来新版本)
- AppBakery 库
- Figma
寻求帮助
如果您需要帮助,可以通过电子邮件联系我们:[email protected]
参与其中
总的来说,我们欢迎改进现有 UI 元素或修复特定错误的贡献。我们也会考虑引入新设计元素的贡献,但如果它们未能反映我们对 SBB 设计系统的愿景,可能会被拒绝。
有关如何贡献的一般说明,请参阅 贡献指南。
作者
- Tran Hoang
- Raab Ulrich
- Mosberger Dominik
- Schmucki Dominik
- Müller Patrice
许可证
代码在 MIT 许可下发布。