从 Firestore 按类别过滤 Flutter listview.builder

Question

我正在尝试按类别过滤我的列表，但到目前为止没有成功。我尝试了几种方法来实现它，还问了一些朋友。不幸的是，他们的答案都没有奏效。

这是屏幕的完整代码。我希望能够按类别过滤文档，例如：“Where()”...

有什么想法吗？

谢谢。

class ListGameWidget extends StatefulWidget {
  ListGameWidget(this._gameList, this._title);

  final List<Game> _gameList;
  final String _title;

  @override
  _ListGameWidgetState createState() => _ListGameWidgetState();
}

class _ListGameWidgetState extends State<ListGameWidget> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: widget._gameList != null && widget._gameList.isNotEmpty
              ? Column(
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: [
                    Text(
                      widget._title,
                      style:
                          TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
                    ),
                    Expanded(
                      child: ListView.builder(
                          shrinkWrap: true,
                          itemCount: widget._gameList.length,
                          itemBuilder: (context, index) {
                            var game = widget._gameList[index];
                            return Card(
                              shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(10)),
                              child: Row(
                                children: [
                                  Padding(
                                    padding: const EdgeInsets.all(8.0),
                                    child: ClipRRect(
                                      borderRadius: BorderRadius.circular(10),
                                      child: Image(
                                        image: NetworkImage(widget._gameList
                                            .elementAt(index)
                                            .imagen1),
                                        height: 100.0,
                                        width: 133.0,
                                      ),
                                    ),
                                  ),
                                  Column(
                                    crossAxisAlignment:
                                        CrossAxisAlignment.start,
                                    mainAxisAlignment: MainAxisAlignment.start,
                                    children: [
                                      Text(
                                        game.tienda,
                                        style: TextStyle(
                                            fontWeight: FontWeight.bold),
                                      ),
                                      Text(game.tipo),
                                      Text(game.comunidad),
                                      Text(game.tel1, style: TextStyle()),
                                    ],
                                  ),
                                ],
                              ),
                            );
                          }),
                    ),
                  ],
                )
              : Center(child: CircularProgressIndicator()),
        ),
      ),
    );
  }
}

Answer 1

您应该在 _gameList 和 setState 中重新填充您的数据集。例如： - 为商店的字母顺序创建一个按钮 -重组数据集并在onTap事件中填充_gameList。

Answer 2

您首先需要有一个类别，它在您的代码中缺失。 您使用类别从原始列表创建列表：

String category="id of category";
List filtered = originalList.where((e)=>e.categoryId == category).toList();

In listview use the filtered list to build your elements.

但是，您的代码仍然缺少很多细节。