Flutter Consumer<通用>？

Question

我正在尝试生成一个 Consumer 小部件，但它可以根据参数适用于两个不同的 Provider

 class Header extends StatelessWidget {
  const Header({
    Key? key,

    required this.dataProvider,
  }) : super(key: key);


  final IceCreamProvider dataProvider;

  @override
  Widget build(BuildContext context) {
    return  Consumer<dataProvider>(builder: (context, value, child) {
              return Container();
            },),
}

当然，此代码不起作用，但我想知道是否有办法让它工作？

Answer 1

通用应该是变量的 TYPE ，因此在您的情况下，您必须使用 IceCreamProvider 而不是变量名称 dataProvider

Updated添加 HeaderWrapper

因为您想传递提供程序，所以您必须上升一级并为您的 ChangeNotifierProvider （假设您正在使用它）提供您想要

class HeaderWrapper extends StatelessWidget {
  const HeaderWrapper({
    Key? key,
    required this.dataProvider,
  }) : super(key: key);

  final IceCreamProvider dataProvider;

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (_) => dataProvider,
      child: Header(),
    );
  }
}

在内部 使用的正确实例这Header，使用之前写的Consumer即可（甚至可以跳过里面的dataProvider字段，因为不会用到）

class Header extends StatelessWidget {
  const Header({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Consumer<IceCreamProvider>(
      builder: (context, value, child) {
        return Container();
      },
    );
  }
}

通用处理：在用户评论后编辑

不能只需传递一个类型作为参数并将其作为泛型设置到括号中，但是您可以将泛型添加到您的类

class Header<T> extends StatelessWidget {
  const Header({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Consumer<T>(builder: (context, value, child) {
      return Container();
    });
  }
}

用法：
标头()