Flutter中如何让copyWith创建的TextStyle适配ExpansionTile颜色属性？

当你用copyWith创建的TextStyle包含明确的color属性（哪怕是从父样式继承来的），它的优先级会高于ExpansionTile的textColor和collapsedTextColor，导致组件无法响应这两个属性的颜色切换。你用_copyUnsettingColor清除颜色后，文本会 fallback 到当前Theme的默认文本颜色（通常是黑/白），自然也不会应用ExpansionTile指定的琥珀色和蓝色。

方法1：动态绑定ExpansionTile的状态颜色 #

直接在ExpansionTile的title里根据展开状态，把对应的颜色传给自定义TextStyle：

ExpansionTile(
  textColor: Colors.amber,
  collapsedTextColor: Colors.blue,
  title: Builder(
    builder: (context) {
      final tileState = ExpansionTile.of(context);
      final isExpanded = tileState?.isExpanded ?? false;
      return Text(
        "带自定义样式的标题",
        style: yourCustomTextStyle.copyWith(
          color: isExpanded ? Colors.amber : Colors.blue,
        ),
      );
    },
  ),
  // 其他属性...
)

这里用ExpansionTile.of(context)获取当前组件的展开状态，然后动态设置文本颜色，直接复用ExpansionTile定义好的颜色值即可。

方法2：移除自定义样式中的颜色属性 #

如果你的自定义样式不需要固定颜色，直接去掉color相关设置，让TextStyle完全继承ExpansionTile的颜色控制：

// 定义不带颜色的基础样式
final baseStyle = TextStyle(fontSize: 18, fontWeight: FontWeight.bold);

// 使用时直接传入，ExpansionTile的颜色属性会生效
ExpansionTile(
  textColor: Colors.amber,
  collapsedTextColor: Colors.blue,
  title: Text("带自定义样式的标题", style: baseStyle),
  // 其他属性...
)

这种方式最简洁，前提是你的自定义样式不需要强制固定颜色。

方法3：通过Theme扩展（进阶） #

如果很多地方都需要这种样式，可以自定义一个Theme扩展，把基础样式和ExpansionTile的颜色逻辑整合：

extension ExpansionTileTextStyle on BuildContext {
  TextStyle get expansionTileTitleStyle {
    final baseStyle = TextStyle(fontSize: 18, fontWeight: FontWeight.bold);
    final tileState = ExpansionTile.of(this);
    final color = tileState?.isExpanded ?? false 
        ? Colors.amber 
        : Colors.blue;
    return baseStyle.copyWith(color: color);
  }
}

// 使用时
ExpansionTile(
  title: Text("带自定义样式的标题", style: context.expansionTileTitleStyle),
  // 其他属性...
)

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