Question

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

这是我的购物车小部件

map

这是我的abstract class OnChange { private field: Mine; private value: unknown; public constructor (field: Mine, value: unknown) { this.field = field; this.value = value; } public abstract main(): void; }班



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]);
                  }),
                ),
              );
              }
          ),
        );
      },
    );
  }
}

Answer 1

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

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

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

1 个答案: