Flutter中TextStyle.merge与TextStyle.copyWith的区别是什么？

你测试的场景里两者结果一致，是因为传入的属性都是非null的，一旦涉及null属性或不同的使用场景，差异就会显现：

• 参数传递方式不同
  copyWith 通过命名参数逐个指定要修改的属性，比如你代码里的 copyWith(color: Colors.red, decoration: TextDecoration.lineThrough)；而 merge 接收一个完整的 TextStyle 对象，用该对象里的非null属性覆盖原样式。

• null 属性的处理逻辑完全不同

  • 用 copyWith 时，如果给某个参数传 null，会直接把原样式的对应属性重置为 null（相当于移除该样式）。比如：

    const baseStyle = TextStyle(color: Colors.blue, fontSize: 16);
    final style = baseStyle.copyWith(color: null);
    // 结果：color为null，fontSize保留16
    

  • 用 merge 时，如果传入的 TextStyle 对象里有属性为 null，不会覆盖原样式的对应属性，只会合并参数里非null的部分。比如：

    const baseStyle = TextStyle(color: Colors.blue, fontSize: 16);
    final style = baseStyle.merge(const TextStyle(color: null, fontSize: 20));
    // 结果：color仍为蓝色，fontSize变为20
    

• 适用场景不同

  • copyWith 适合精准修改单个/少数属性，直接指定要改的字段即可；
  • merge 适合合并两个完整的样式对象，比如把主题提供的默认文本样式和自定义样式合并，或者接收外部传入的 TextStyle 来扩展基础样式。

你的测试代码里，不管是用 copyWith 传命名参数，还是用 merge 传带非null属性的 TextStyle，最终都是用新的非null属性覆盖原样式，所以结果看起来一致。

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