flutter - Flutter Stateful小部件无法从提供程序包中自动更新

Question

我正在尝试使用提供程序包制作购物车页面，而我的问题是购物车页面上有一个删除按钮，当我从购物车中删除商品时，它不会自动删除，但是当我离开购物车小部件并返回时它更新了有关如何解决此问题的任何想法。
这是我的购物车小部件

class CartProducts extends StatefulWidget {
  @override
  _CartProductsState createState() => _CartProductsState();
}

class _CartProductsState extends State<CartProducts> {
  @override
  Widget build(BuildContext context) {
    return Consumer<Cart>(
      builder: (context, cart, child) {
        return Scaffold(
          body: cart.basketItems.length == 0
          ? Text("Cart is empty")
          : ListView.builder(
            itemCount: cart.basketItems.length,
              itemBuilder: (context, index) {
              return Card(
                child: ListTile(
                  title: Text(cart.basketItems[index].name),
                  trailing: IconButton(icon: Icon(Icons.remove), onPressed: () {
                    cart.remove(cart.basketItems[index]);
                  }),
                ),
              );
              }
          ),
        );
      },
    );
  }
}

这是我的Cart类

import 'package:flutter/material.dart';

import 'item.dart';

class Cart extends ChangeNotifier{
  List<Item> items = [];
  double totalPrice = 0.0;

  void add(Item item) {
    items.add(item);
    totalPrice += item.price;
    notifyListeners();
  }

  void remove(Item item) {
    items.remove(item);
    totalPrice -= item.price;
  }

  int get count {
    return items.length;
  }

  double get totalprice {
    return totalPrice;
  }

  List<Item> get basketItems {
    return items;
  }
}

Answer 1

您需要在notifyListeners()方法中调用remove。

void remove(Item item) {
    items.remove(item);
    totalPrice -= item.price;
    notifyListeners();
  }