Flutter开发：Home类无call实例方法错误求助

问题场景 #

在Flutter应用中，尝试通过Home Widget处理addToCart回调函数（用于将商品添加至购物车），期望调用Home Widget的addToCart方法时，能触发传递给子组件（如ProductTileWidget）的addToCart函数以实现购物车交互，但出现以下错误：

Class 'Home' has no instance method 'call'.
Receiver: Instance of 'Home'
Tried calling:
call(addToCart: Closure: (ProductDataModel) => void from Function 'addToCart':., cartItems: Instance(length:0) of '_GrowableList')

错误原因 #

这个错误的核心是你把Home Widget的实例当成了函数来调用。Home是一个Widget类，本身不具备可调用性（除非你手动重写了call方法），但你在代码里以类似函数调用的方式使用了它的实例，比如Home(addToCart: ..., cartItems: ...)，这就触发了该报错。

解决方案 #

1. 修正回调传递逻辑

确保向子组件传递的是addToCart函数本身，而非Home Widget的实例。

正确写法示例：

ProductTileWidget(
  product: targetProduct,
  addToCart: addToCart, // 直接传递Home类中定义的addToCart函数
)

错误写法示例（需要避免）：

// 错误：将Home实例当作函数传递
ProductTileWidget(
  product: targetProduct,
  addToCart: Home(addToCart: addToCart, cartItems: cartItems),
)

2. 确认Home类中addToCart函数的定义

确保Home类内正确实现了addToCart函数，示例如下：

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  List<ProductDataModel> cartItems = [];

  // 正确定义addToCart回调函数
  void addToCart(ProductDataModel product) {
    setState(() {
      cartItems.add(product);
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 其他页面布局代码
      body: ProductTileWidget(
        product: someProduct,
        addToCart: addToCart, // 传递函数本身
      ),
    );
  }
}

3. 子组件正确接收并使用回调

子组件ProductTileWidget需正确定义回调参数，并在交互时调用：

class ProductTileWidget extends StatelessWidget {
  final ProductDataModel product;
  final void Function(ProductDataModel) addToCart;

  const ProductTileWidget({
    super.key,
    required this.product,
    required this.addToCart,
  });

  @override
  Widget build(BuildContext context) {
    return ListTile(
      title: Text(product.name),
      trailing: ElevatedButton(
        onPressed: () {
          addToCart(product); // 触发回调添加商品
        },
        child: const Text('加入购物车'),
      ),
    );
  }
}

总结 #

只要确保传递给子组件的是addToCart函数本身，而非Home Widget的实例，就能解决这个错误。

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