Flutter 开发：应用颜色使用 Class 还是 Enum？—

在开始一个新的 Flutter 项目时，第一步就是定义你的颜色调色板（color palette） 。一个一致且可维护的颜色系统不仅能保持你的设计简洁，还能让你的应用扩展变得更加容易。

但这里有一个开发者经常面临的常见问题：

👉 在 Flutter 中，你是应该使用带有静态常量的 Class（类） ，还是使用 **Enum（枚举）**来管理颜色呢？

随着 Dart 2.17 中**增强型枚举（enhanced enums）**的到来，答案变得更有趣了。下面我们通过示例、优缺点来探讨这两种方法。

1. 传统方法：使用 Class（类）

在 Flutter 应用中，最广泛使用的方法是创建一个 Class（类） ，将所有颜色作为静态常量存储在其中：

1import 'package:flutter/material.dart';
2class AppColors {
3  static const Color primary = Color(0xFF0066FF);
4  static const Color secondary = Color(0xFFFF6600);
5  static const Color background = Color(0xFFF5F5F5);
6}
7

✅ 优点：

简单且熟悉： 对初学者友好，并且被广泛使用。
静态常量（Static constants）： 编译时安全性和更快的性能。
直接使用：

1 Container(color: AppColors.primary);
2

❌ 缺点：

没有严格的类型检查（No strict typing）： 任何 Color 都可能混入——没有强制执行（类型检查）。
没有分组逻辑（No grouping logic）： 难以附加行为（例如，深色模式的变体）。
扩展性问题（Scaling issues）： 随着主题的增长，这个类可能会变得混乱。

2. 现代方法：使用增强型 Enum（枚举）

Dart 的增强型枚举允许你直接将值和行为附加到每个枚举成员上。这使得枚举成为颜色管理的一个强大的替代方案。

以下是你可以如何使用枚举来定义你的应用颜色的方式：

1import 'package:flutter/material.dart';
2enum AppColors {
3  primary(Color(0xFF0066FF)),
4  secondary(Color(0xFFFF6600)),
5  background(Color(0xFFF5F5F5));
6  final Color color;
7  const AppColors(this.color);
8  /// Optional helper: get hex value
9  String get hex => '#${color.value.toRadixString(16).padLeft(8, '0')}';
10}
11

🔥 用法/使用方式

1// Using enum colors directly
2Container(
3  color: AppColors.primary.color,
4  child: Text(
5    "Hello Enum Colors",
6    style: TextStyle(color: AppColors.secondary.color),
7  ),
8);
9// Debugging
10print(AppColors.primary.hex); // #ff0066ff
11

3. 为什么 Enum（枚举）可能更好

使用枚举，你可以获得：

**强类型（Strong typing）**你不会意外地在定义的调色板之外使用一个随机的 Color 值。
行为的封装（Encapsulation of behavior）每个颜色值都可以拥有自己的辅助方法，例如 hex、contrastColor，甚至是基于主题的变体。

1
2extension AppColorsTheme on AppColors {   Color get darkMode {   
3  switch (this) { 
4      case AppColors.background:
5         return const Color(0xFF121212);  
6     default:    
7     return color;     }   } }// Using enum colors directly
8Container(
9  color: AppColors.primary.color,
10  child: Text(
11    "Hello Enum Colors",
12    style: TextStyle(color: AppColors.secondary.color),
13  ),
14);
15// Debugging
16print(AppColors.primary.hex); // #ff0066ff
17

轻松迭代（Easy iteration）

你可以遍历所有已定义的颜色：

1for (var c in AppColors.values) {   print('${c.name}: ${c.hex}'); }
2

比基于 switch 的映射更简洁（Cleaner than switch-based mappings）

每个枚举条目都带有自己的颜色值，因此你不需要维护一个庞大的 switch 代码块。

4. 你应该选择哪一个？

这两种方法都有效，但最佳选择取决于你的项目：

✅ 如果你符合以下情况，请使用 Class（类）：

你的应用规模小或很简单。
你只需要快速的颜色常量。
你的团队是 Flutter/Dart 新手。

✅ 如果你符合以下情况，请使用 Enum（枚举）：

你想要类型安全和对允许颜色的严格控制。
你计划通过多个主题来扩展项目。
你想添加额外的功能（例如，十六进制代码、主题变体）。

5. 混合方法（两全其美）

一些团队更喜欢混合设置：

使用 Class 来定义原始颜色。
使用 Enum 来强制执行严格的使用规范。

1class RawColors {
2  static const Color primary = Color(0xFF0066FF);
3  static const Color secondary = Color(0xFFFF6600);
4  static const Color background = Color(0xFFF5F5F5);
5}
6

1enum ColorType {
2  primary(RawColors.primary),
3  secondary(RawColors.secondary),
4  background(RawColors.background);
5  final Color color;
6  const ColorType(this.color);
7}
8

使用：

1Container(color: ColorType.primary.color);
2

🚀 结论

如果你想要简单和速度 →\to→ 选择 Class。
如果你想要类型安全、可扩展性和可伸缩性 →\to→ 使用带值的 Enum。
如果你需要两全其美 →\to→ 尝试混合方法。

就我个人而言，我建议小型项目从 Class 开始，一旦你的应用规模增长，并且你需要对你的设计系统进行更严格的控制时，就转向增强型 Enum。

归根结底，选择取决于你的项目复杂性、团队规模和未来的可扩展性需求。

《Flutter 开发：应用颜色使用 Class 还是 Enum？—— 你应该选择哪一个？》是转载文章，点击查看原文。