flutter-listview - 如何使用颤振创建类别分隔的列表视图构建器

Question

我试图用 Category 创建一个 Listview，但找不到任何解决方案。我需要一些帮助。

List<Product> products = [
{
  "ProductID":"1234",
  "ProductName":"Milk",
  "ProductCategory":"Dairy",
},
{
  "ProductID":"12345",
  "ProductName":"Apple",
  "ProductCategory":"Fruits",
},{
  "ProductID":"12342",
  "ProductName":"Chicken",
  "ProductCategory":"Meat",
},{
  "ProductID":"123422",
  "ProductName":"Eggs",
  "ProductCategory":"Dairy",
},
{
  "ProductID":"1234222",
  "ProductName":"Bread",
  "ProductCategory":"Dairy",
}


];

如何ListView按类别区分？

Answer 1

您可以使用一个小技巧，或者我们可以在这里说一个解决方法。首先创建一个 ListView，然后使用来自未来的数据取出类别并将其放入 HashMap 以便类别是唯一的。然后为从 HashMap 获取的每个类别创建一个小部件 ( ListView.builder ) 并显示所有数据。