Flutter：如何为自定义Style类创建可传色构造函数及报错解决

• 最普遍的触发场景：定义header、body等文本样式属性时，错误给属性加了static修饰。静态成员的初始化优先级远高于类的构造流程，根本访问不到构造函数传入的颜色参数，Dart编译器会直接抛出「实例成员无法在静态上下文中引用」的编译错误，这也是这类问题最高发的原因。
• 次要常见报错：构造函数接收颜色参数后，没有把入参绑定为类的实例字段，在初始化TextStyle时直接引用了构造函数的临时入参，导致编译器提示未定义变量。
• 第三类报错：给Style类加了const常量构造标注，但内部的TextStyle依赖运行时传入的可变颜色值，不满足常量构造的编译要求。

按照你预期的Style(传入颜色).对应样式属性的调用逻辑，类的标准写法如下：

import 'package:flutter/material.dart';

class Style {
  // 存储构造函数传入的颜色为实例字段
  final Color baseColor;

  // 构造函数，接收外部传入的基准颜色
  Style(this.baseColor);

  // 用getter定义实例级别的文本样式，不要加static
  TextStyle get header => TextStyle(
    fontSize: 24,
    fontWeight: FontWeight.w600,
    color: baseColor,
  );

  TextStyle get bodyText => TextStyle(
    fontSize: 14,
    height: 1.5,
    color: baseColor.withOpacity(0.85),
  );

  TextStyle get caption => TextStyle(
    fontSize: 12,
    color: baseColor.withOpacity(0.6),
  );
}

• 所有依赖传入颜色值的TextStyle属性，一律不能加static修饰，静态成员归属于类本身，不属于任何类实例，完全读取不到构造函数传递的参数。
• 不要把样式属性写成final TextStyle header = TextStyle(color: baseColor)的形式，实例字段的初始化时机早于构造函数的赋值流程，会触发初始化时序报错，改用getter方法就能彻底解决这个时序问题。
• 实际调用方式和你设计的逻辑完全匹配：比如需要黑色主题文本样式就写Style(Colors.black).header，需要灰色辅助文本就写Style(Colors.grey).caption，单套配置就能批量生成统一风格的文本样式。

对照这类问题的常见场景，如果你之前习惯把工具类写成全静态方法的形式，大概率是一开始给样式属性加了static后，又想加构造函数传颜色参数，直接触发了静态上下文访问实例成员的编译报错，去掉static、用getter重构属性定义即可解决问题。

内容的提问来源于stack exchange，提问作者Bill Rei