如何使用颤振创建类别分隔的列表视图构建器答案

【问题标题】：How to create Category separated Listview builder using flutter如何使用颤振创建类别分隔的列表视图构建器
【发布时间】：2020-05-10 10:08:10
【问题描述】：

我试图用 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？

【问题讨论】：

flutter.dev/docs/cookbook/lists/mixed-list

标签： flutter-listview

【解决方案1】：

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

【讨论】：