Flutter：如何在子组件MySliverWidget中访问父组件MyWidget实例？

问题场景 #

我定义了基础组件MyWidget：

class MyWidget extends StatelessWidget {
  final Color? color;
  final EdgeInsetsGeometry? padding;
  final Widget child;
  // ... 更多属性

  const MyWidget({
    super.key,
    this.color = Colors.blue,
    this.padding = const EdgeInsets.all(4),
    required this.child,
  });

  @override
  Widget build(BuildContext context) {
    return Container(
      color: color,
      padding: padding,
      child: child,
    );
  }
}

现在想创建MySliverWidget继承MyWidget，并将其包裹在SliverToBoxAdapter中，但无法直接用super获取父类实例，且不想重复传递所有参数或直接嵌套MyWidget：

class MySliverWidget extends MyWidget {
  MySliverWidget({
    super.color,
    super.padding,
    required super.child,
    // ... 更多属性
  });

  @override
  Widget build(BuildContext context) {
    // 无法使用 "child: super"
    return SliverToBoxAdapter(child: super);
  }
}

解决方案 #

核心思路是调用父类的build方法来获取它的Widget实例——super.build(context)会执行父类的构建逻辑并返回对应的Widget，而父类的所有属性已经通过子类的构造函数传递到位了，完全不需要重复传参。

修改后的MySliverWidget代码：

class MySliverWidget extends MyWidget {
  MySliverWidget({
    super.color,
    super.padding,
    required super.child,
    // ... 其他属性
  });

  @override
  Widget build(BuildContext context) {
    // 调用父类build方法获取MyWidget的UI实例
    return SliverToBoxAdapter(child: super.build(context));
  }
}

进阶优化（可选） #

如果后续父类的构建逻辑变得复杂，可以把核心UI抽成单独的方法，让复用更灵活：

首先修改MyWidget：

class MyWidget extends StatelessWidget {
  final Color? color;
  final EdgeInsetsGeometry? padding;
  final Widget child;
  // ... 更多属性

  const MyWidget({
    super.key,
    this.color = Colors.blue,
    this.padding = const EdgeInsets.all(4),
    required this.child,
  });

  // 抽离核心UI构建逻辑
  Widget buildContent(BuildContext context) {
    return Container(
      color: color,
      padding: padding,
      child: child,
    );
  }

  @override
  Widget build(BuildContext context) {
    return buildContent(context);
  }
}

然后子类直接调用这个抽离的方法：

class MySliverWidget extends MyWidget {
  MySliverWidget({
    super.color,
    super.padding,
    required super.child,
    // ... 其他属性
  });

  @override
  Widget build(BuildContext context) {
    return SliverToBoxAdapter(child: super.buildContent(context));
  }
}

这样即使父类的build方法后续添加其他逻辑，子类也能精准复用核心的UI内容。

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