tanrei 包是纯 Dart 实现。它提供 widget、可继承的 TanreiTheme 和生成的令牌常量，并且不依赖 MaterialApp 或 CupertinoApp；它在这两者之中都能工作，在普通的 WidgetsApp 中也可以。
尚未发布
tanrei 尚未发布到 pub.dev。一个平台在跟上当前的规格之后才会发布，在此之前 Flutter 的 CI 处于暂停状态。下文“从源码”一节展示如何从 chnotchy/tanrei 添加这个包；“发布之后”一节展示届时的安装方式。
目前无法构建
Flutter 包尚未跟上当前的规格和令牌：它的源码是针对较早版本的生成令牌代码编写的，无法与现在的令牌代码一起编译。在它跟上之前，它的 CI 处于暂停状态，状态页面把它的组件标记为“待跟进”。下面的步骤说明如何把它添加到应用中；等这个包跟上之后，这些步骤就能用了。
把仓库克隆到你的应用旁边，再按路径依赖这个包：
flutter pub add "tanrei:{path: ../tanrei/packages/flutter}"使用 flutter pub add "tanrei:{git: {url: https://github.com/chnotchy/tanrei, path: packages/flutter}}"，就会跟随仓库，而不是本地的克隆。
flutter pub add tanreiimport 'package:flutter/widgets.dart';
import 'package:tanrei/tanrei.dart';
class DeployButton extends StatelessWidget {
const DeployButton({super.key, required this.isDeploying, required this.onDeploy});
final bool isDeploying;
final VoidCallback onDeploy;
@override
Widget build(BuildContext context) {
return TanreiTheme(
data: TanreiThemeData.platform(context),
child: TanreiButton(
variant: TanreiButtonVariant.filled,
onPressed: isDeploying ? null : onDeploy,
child: const Text('部署'),
),
);
}
}没有 disabled 标志。与 Flutter 自带的按钮一样，给 onPressed 传入 null 就会禁用按钮。
TanreiThemeData.platform(context) 从 MediaQuery 读取亮度和高对比度标志。要固定它们，可以从一个常量出发再复制：
TanreiTheme(
data: TanreiThemeData.dark.copyWith(contrast: TanreiContrast.high),
child: const App(),
)请把 TanreiTheme 放在导航器之上，让每个路由都能访问到它。
TanreiTheme.of(context).system.typescale 以 TanreiTextStyle 令牌的形式保存着按层级命名的十六个文本样式：章节标题用 heading2，连续文本用 body，控件用 label。theme.textStyle(system.typescale.heading2)（或 token.toTextStyle()）可以把它转换为 Flutter 的 TextStyle。theme.textStyle(token, emphasized: true) 是同一样式在其字重上加上该系列强调级差（typescale.emphasis）后的结果，手写的等价形式是 token.emphasized(system.typescale.emphasis)；强调是一种字重，而不是另一个角色。角色及其与元素的对应关系参见字体排印。