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 内部人员可用

寻求帮助

如果您需要帮助,可以通过电子邮件联系我们:[email protected]

参与其中

总的来说,我们欢迎改进现有 UI 元素或修复特定错误的贡献。我们也会考虑引入新设计元素的贡献,但如果它们未能反映我们对 SBB 设计系统的愿景,可能会被拒绝。

有关如何贡献的一般说明,请参阅 贡献指南

作者

  • Tran Hoang
  • Raab Ulrich
  • Mosberger Dominik
  • Schmucki Dominik
  • Müller Patrice

许可证

代码在 MIT 许可下发布。

GitHub

查看 Github