Flutter 如何建立最近的文件列表

发布于01月10日

我正在努力寻找一种解决方案来构建一个显示"最近的文件"的小部件.

要查找这些文件，我有以下内容

Future<List<File>> findFiles(String prefix) async {
    List<File> files = [];
    await for (var entity
        in directory.list(recursive: true, followLinks: false)) {
      File file = File(entity.path);
      if (p.extension(file.path) == ".json") {
        print("Found in:" + entity.path);
        if (p.basename(file.path).startsWith(prefix)) files.add(file);
      }
    }

    return files;
  }

然后我把它称为使用 var files = await FileManager().findFiles("test");个

但我不确定如何建立一个列表视图来显示每个文件的名称，因为它是一个future ，需要等待.

有什么建议吗？

推荐答案

要以ListView来显示函数的结果，因为您的函数返回Future，所以您应该使用FutureBuilder:

FutureBuilder(
      future: findFiles("bla"),
      builder: (BuildContext context, AsyncSnapshot<List<File>> snapshot) {
        if (snapshot.hasData) {
          return ListView.builder(
            itemCount: snapshot.data?.length,
            itemBuilder: (BuildContext context, int index) {
              return Text(snapshot.data?[index].path);
            },
          );
        } else if (snapshot.hasError) {
          return Text("Error: ${snapshot.error}");
        }
        return CircularProgressIndicator();
      },
    )

Here是Flutter 翼团队在YouTube上解释FutureBuilder的视频