使用静态主题使用themexension vs类的差异

Question

Flutter 3已经熄灭了，我一直在尝试一下。

我已经使用了theeextension

yt Ref： https://www.youtube.com/watch?v=8-szcyzfvao

api参考： https://api.flutter.flutter.dev/flutter.dev/flutter.dev/flutter.材料/主题/扩展。html

及其伟大。但是，我开始意识到并问自己，如果我创建了一个带有static const的类作为颜色，文本风格或任何相关主题的属性，我可以做相同的结果。

如果我应该使用theeexentensions，有人可以启发我吗？

静态类方法：

// Setup
class AppColors {
  static const primaryColor = Color(0xFFFFFF);
  static const secondaryColor = Color(0xFFFFFF);
}


// Use case inside build

return Container(
  child: Text('Hello world'),
  color: AppColors.primaryColor,
)

themeextension方法

// Setup
class AppColors extends ThemeExtension<AppColors>{
  final Color primaryColor;
  final Color secondaryColor;

  AppColors(this.primaryColor, this.secondaryColor);

  // .
  // ..
  // ... some @overrides such as copyWith() and lerp()
}


// Use case inside build

final colors = Theme.of(context).extensions<AppColors>()!;

return Container(
  child: Text('Hello world'),
  color: colors.primaryColor,
)

，您可以在此处看到themeexension在仅使用静态类以实现相同结果的设置。

Answer 1

我认为您应该使用主题和/或theeexension因为：

• 您可以使用主题（和themeextension）来使小部件具有反应性。如果更改了某些值（颜色，文本样式等...），它将通知所有侦听器，构建依赖小部件的方法将被派发。

• 如果将thememode更改为Dark/Light，则所有应用程序都将对使用主题的窗口小部件进行反应。

• 您可以获得范围的主题，因此，如果您需要一些小部件或屏幕来使用整个应用程序的不同主题。

• 您可以在多个应用程序之间共享themedata在所有应用程序中看起来都非常相似

• 主题是保持一致的视觉模式

  的好选择。

• 孩子/儿童小部件只需要知道主题，这是一个真理的来源。如果您需要更改整个应用程序的所有屏幕按钮的颜色，那么您将在一个地方安全且乐于这样做：）

• 您无需使用themeexension获得所有这些提到的好处，但是如果您这样做，则将非常好的文档设计系统作为代码变得更加简单。