Flutter中有没有方法可以实现Widget属性复用而非Widget本身复用？

方案实现说明 #

Flutter官方没有直接支持批量传入自定义属性的语法，但有两种成熟方案可以实现仅复用属性、不封装Widget的需求，完全匹配你的使用预期：

方案1：利用Widget自带的copyWith方法复用属性 #

绝大多数官方Widget都内置copyWith方法，你可以提前定义好通用属性的模板，使用时仅需传入差异化属性即可：

1. 定义通用属性模板（需要依赖context时可以改成方法返回）：

// 无需context的通用属性直接定义常量
const kBaseMaterial = Material(
  elevation: 4.0,
  clipBehavior: Clip.hardEdge,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.only(
      topLeft: Radius.circular(30.0),
      topRight: Radius.circular(30.0),
      bottomLeft: Radius.circular(30.0),
      bottomRight: Radius.circular(5.0),
    ),
  ),
);

2. 使用时仅需覆盖差异化属性：

kBaseMaterial.copyWith(
  color: Theme.of(context).primaryColorLight,
  child: YourChildWidget(),
)

方案2：扩展方法实现更贴合你预期的调用语法 #

通过Extension扩展可以实现属性的批量注入，写法更接近你举例的传入通用配置的效果：

1. 给Material添加扩展方法注入通用属性：

extension CustomMaterial on Material {
  Material applyCommonProps() {
    return copyWith(
      elevation: 4.0,
      clipBehavior: Clip.hardEdge,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(30.0),
          topRight: Radius.circular(30.0),
          bottomLeft: Radius.circular(30.0),
          bottomRight: Radius.circular(5.0),
        ),
      ),
    );
  }
}

2. 使用时直接调用扩展方法即可：

Material(
  color: Theme.of(context).primaryColorLight,
  child: YourChildWidget(),
).applyCommonProps()

优势说明 #

• 无需封装自定义Widget，不会增加嵌套层级，代码可读性和原生写法完全一致
• 支持按需覆盖属性，某一处需要调整参数时直接传入对应属性即可，灵活度高
• 通用属性集中管理，全局调整样式仅需修改一处定义即可全量生效

该方案同样适用于Container、TextStyle、BoxDecoration等所有支持copyWith的组件和配置类。

内容的提问来源于stack exchange，提问作者ark-tik