Removing duplicate list element in Flutter

Question

I'm trying to remove a duplicate list element from my screen but cannot seem to do so. I have tried using .toSet().toList() after having referred to previous solutions but that doesn't help as the duplicates keep on appearing. I would like to know how this can be achieved. This is my code:

class CartItems {
  final String id;
  final String name;
  final String restaurantName;
  final String price;
  final int quantity;
  final String image;
  final String rating;
  final String totalRatings;

  CartItems(
      {required this.id,
      required this.name,
      required this.restaurantName,
      required this.price,
      required this.quantity,
      required this.image,
      required this.rating,
      required this.totalRatings});
}

class CartItemProvider with ChangeNotifier {
  final List<CartItems> _cartItems = [];
  List<CartItems> _individualItems = [];
  List<CartItems> _restaurantTotal = [];

  double deliveryCost = 40;

  List<CartItems> get cartItems {          //I access this getter using Providers in my widget class to display the items that are stored here
    return [..._cartItems.toSet().toList()];   //Using the .toSet().toList() method which doesn't help
  }

  void addItems(String id, String name, String restaurantName, String price,
      int quantity, String image, String rating, String totalRatings) {
    _cartItems.add(CartItems(
        id: id,
        name: name,
        restaurantName: restaurantName,
        price: price,
        quantity: quantity,
        image: image,
        rating: rating,
        totalRatings: totalRatings));
    notifyListeners();
  }

  void deleteItems(String id) {
    _cartItems.removeWhere((element) => element.id == id);
    notifyListeners();
  }

  // List<dynamic> getProductById(String id) {
  //   return _cartItems.where((element) => element.id == id).toList();
  // }

  List<CartItems> getProductById(String id) {
    _individualItems = _cartItems.where((element) => element.id == id).toList();
    return _individualItems;
  }

  double get itemTotal {
    double total = 0.0;
    
    return total;
  }

  double get totalAmount {
    double total = 0.0;
    _individualItems.forEach(
        (value) => total += double.parse(value.price) * value.quantity);
    return deliveryCost + total;
  }
}

Here is a screenshot of the issue which shows duplicate elements:

Roman Jaquez · Accepted Answer · 2022-02-28 19:37:31Z

4

The toSet().toList() won't work because you have different object references, they are not the same object reference - you need to compare the properties inside then. Why don't you, before adding them to the collection, check whether there's already an item with the same id; your updated addItems should look like:

void addItems(String id, String name, String restaurantName, String price,
      int quantity, String image, String rating, String totalRatings) {

  // if there's not an item with the same id, then add it

  if (!_cartItems.any((c) => c.id == id) { 
    _cartItems.add(CartItems(
        id: id,
        name: name,
        restaurantName: restaurantName,
        price: price,
        quantity: quantity,
        image: image,
        rating: rating,
        totalRatings: totalRatings));
    }
    notifyListeners();
  }

answered Feb 28, 2022 at 19:37

Roman Jaquez

2,8091 gold badge16 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

quoci · Accepted Answer · 2022-02-28 19:45:18Z

toSet() won't remove your duplicates, because it doesn't recognize that there are two different items. To fix that you have to override the operator == and hashcode. After that it will recognize that those items are the same and it will remove all duplicates.

class CartItems {
  final String id;
  final String name;
  final String restaurantName;
  final String price;
  final int quantity;
  final String image;
  final String rating;
  final String totalRatings;

  CartItems({
    required this.id,
    required this.name,
    required this.restaurantName,
    required this.price,
    required this.quantity,
    required this.image,
    required this.rating,
    required this.totalRatings,
  });

  @override
  bool operator ==(Object other) =>
      identical(this, other) ||
      other is CartItems &&
          runtimeType == other.runtimeType &&
          id == other.id &&
          name == other.name &&
          restaurantName == other.restaurantName &&
          price == other.price &&
          quantity == other.quantity &&
          image == other.image &&
          totalRatings == other.totalRatings;

  @override
  int get hashCode =>
      id.hashCode ^
      name.hashCode ^
      restaurantName.hashCode ^
      price.hashCode ^
      quantity.hashCode ^
      image.hashCode ^
      totalRatings.hashCode;
}

Collectives™ on Stack Overflow

Removing duplicate list element in Flutter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related