Skip to content

Latest commit

 

History

History
102 lines (71 loc) · 3.51 KB

README_zh_CN.md

File metadata and controls

102 lines (71 loc) · 3.51 KB

TDesign Logo

License Version Downloads

简体中文 | English

腾讯TDesign Flutter技术栈组件库,适合在移动端项目中使用。

🎉 特性

  • 提供 TDesign 设计风格的 Flutter UI 组件库。
  • 支持根据 App 设计风格定制主题。
  • 提供常用 Icon 库,支持定制替换。
  • 根据 TDesign 规范定义颜色组,可在 TDColors 中查看,方便适配 TDesign 规范的组件。
  • 色值声明类可以添加默认颜色,实时查看色值默认显示效果。

🔨 使用

  • SDK 版本依赖
dart: ">=2.19.0 <4.0.0"
flutter: ">=3.7.0"
  • pubspec.yaml 添加依赖。
dependencies:
  tdesign_flutter: ^0.0.6
  • 在文件头部引入:
import 'package:tdesign_flutter/tdesign_flutter.dart';
  • 您可以通过json文件配置主题样式,如颜色、字体大小、字体样式、角半径和阴影。使用 TDTheme.of(context)TDTheme.defaultData() 获取主题数据。 建议组件使用 TDTheme.of(context),除非组件不需要遵循本地主题,在这种情况下可以使用 TDTheme.defaultData()

颜色,字体,圆角等使用示例:

TDTheme.of(context).brandNormalColor
TDTheme.defaultData().fontBodyLarge
  • TDesign的图标不遵循主题,它们都是ttf格式,使用示例:
Icon(TDIcons.activity)

其他技术栈实现

致谢

TDesign Flutter 依赖以下组件库,感谢作者的开源贡献:

Contributing

Contributing is welcome. Read guidelines for contributing before submitting your Pull Request.

反馈

有任何问题,建议通过 Github issues 反馈或扫码加入用户微信群。

开源协议

TDesign 遵循 MIT 协议