1

我对颤振/飞镖相对较新,我正在尝试让我的一个页面上的格式正常工作。我想在顶部有一个搜索栏,然后是一个列表(填充来自 Firestore 的信息),我想让它们一起滚动而不仅仅是列表。

到目前为止,这是我的代码的一部分:

  return Column (children: <Widget>[
    TextField(
        controller: _controller,
        onSubmitted: (String value) async {
          await showDialog<void>(
            context: context,
            builder: (BuildContext context) {
              return AlertDialog(
                title: const Text('Thanks!'),
                content: Text('You typed "$value".'),
                actions: <Widget>[
                  FlatButton(
                    onPressed: () {
                      Navigator.pop(context);
                    },
                    child: const Text('OK'),
                  ),
                ],
              );
            },
          );
        }),
    Expanded(child: buildLearnCards(context))
  ]);
}

Widget buildLearnCards(BuildContext context) {
  return StreamBuilder(

我该怎么办?

4

1 回答 1

0

我将尝试对如何实现这一点进行广泛描述,因为它需要一些基础设施和状态管理知识。我建议使用提供者来管理状态。在您的提供者/模型的构造函数中,从 Firestore 中检索文档列表并将其存储在列表中。然后使用本教程根据搜索文本字段过滤您的文档。每次调用该filterSearchResults方法时,请notifyListeners()在函数结束时调用。然后在您的小部件中的文档列表中使用教程中Consumer提到的a 从您的提供程序中检索文档列表并以您想要的方式显示。希望对您有所帮助,如果您遇到问题,请提出任何问题。ListView

于 2020-02-01T22:45:00.207 回答