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

这是我的Cartclass

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();
  }

Flutter Stateful 小部件不会从提供程序包自动更新

Flutter Statefull widget not updating automatically from provider package

dart

flutter

flutter-dependencies