Flutter Statefull小部件未从提供程序包自动更新

Question

我正试图使用provider包制作一个购物车页面，我的问题是购物车页面上有一个删除按钮，当我从购物车中删除项目时，它不会自动删除它，但当我离开购物车小部件并回来时，它会更新关于如何解决此问题的任何想法。

这是我的购物车小部件

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

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

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