参数类型'Future <list<user> &gt;' 不能分配给参数类型'Future<void> 使用 RefreshIndicator 时 onRefresh 中的 Function()' </void></list<user>

Question

我有一个Future正在获取和填充下面的用户

Future<List<User>> _fetchUsersListUsingLoop() async {
    try {
      
      var response = await http.get(
          Uri.parse(
              "https://api.json-generator.com/templates/Eh5AlPjYVv6C/data"),
          headers: {
            "Content-Type": "application/json",
            "Authorization": "Bearer tltsp6dmnbif01jy9xfo9ssn4620u89xhuwcm5t3",
          });


      List<User> usersList = [];

      for (var u in json.decode(response.body)) {
        User user = User(u["email"], u["about"], u["name"], u["picture"],
            u["index"], u["imageFetchType"]);

        usersList.add(user);
      }

      return usersList;
    } catch (e) {
      log("FetchUsersListUsingLoopException $e");

      rethrow;
    }
  }

下面是我如何在FutureBuilder中使用future来调用_fetchUsersListUsingLoop()然后在RefreshIndicator中使用ListView.builder在list中显示用户

body: SizedBox(
        child: FutureBuilder(
            future: _fetchUsersListUsingLoop(),
            builder: (BuildContext context, AsyncSnapshot asyncSnapshot) {
              if (asyncSnapshot.data == null) {
                return const Center(child: CircularProgressIndicator());
              } else {
                return RefreshIndicator(
                  // background color
                    backgroundColor: Colors.white,
                    // refresh circular progress indicator color
                    color: Colors.green,
                    onRefresh: _fetchUsersListUsingLoop(),
                    child: ListView.builder(
                      itemCount: asyncSnapshot.data.length,
                      itemBuilder: (BuildContext context, int index) {
                        return ListTile(
                          contentPadding: const EdgeInsets.all(10),
                          leading: CircleAvatar(
                            backgroundImage:
                                NetworkImage(asyncSnapshot.data[index].picture),
                          ),
                          title: Text(asyncSnapshot.data[index].name),
                          subtitle: Text(
                              "${asyncSnapshot.data[index].email} \nUsing NetworkImage with backgroundImage"),
                        );
                      },
                    ));
              }
            }),
      ),

我得到The argument type 'Future<List<User>>' can't be assigned to the parameter type 'Future<void> Function()'. 此行onRefresh: _fetchUsersListUsingLoop(),当我向下滑动刷新时，我如何能够再次调用_fetchUsersListUsingLoop()

Answer 1

而不是调用_fetchUsersListUsingLoop您应该使用setState导致重建，以便FutureBuilder再次获取数据。

onRefresh: () => setState(() {})

话虽这么说，最好将你的未来存储在initState中，并在需要时通过调用setState来更新这个未来。 这是来自文档：

未来必须更早获得，例如在 State.initState、State.didUpdateWidget 或 State.didChangeDependencies 期间。 在构造 FutureBuilder 时，不得在 State.build 或 StatelessWidget.build 方法调用期间创建它。 如果future与FutureBuilder同时创建，那么每次FutureBuilder的parent重建时，异步任务都会重新启动。

@override
  void initState() {
    super.initState();
    _usersFuture = _fetchUsersListUsingLoop();
}

然后：

onRefresh: () {
    setState(() {
      _usersFuture = _fetchUsersListUsingLoop();
    });
  }

Answer 2

当你这样做时

onRefresh: _fetchUsersListUsingLoop(),

You are telling dart to call _fetchUsersListUsingLoop and expect it to return a function, then to call said function, what you want to do instead is tell it to just call _fetchUsersListUsingLoop :

onRefresh: _fetchUserListUsingLoop,

或“如果这不起作用：

onRefresh: () async => _fetchUserListUsingLoop(),

但问题是这实际上不起作用，为什么？ 因为未来的建造者已经完成，没有什么会改变它来解决你的问题； 您可以像这样重新分配未来：

你需要声明一个未来：

late Future<List<User>> _user;

        child: FutureBuilder(
            future: _users,
            builder: (context, asyncSnapshot) {
              ...
                    onRefresh: _updateUsersFuture,
              ...

然后在你的 class 的某个地方你做：

Future<void> _updateUsersFuture() async {
  final newUsers = await _fetchUserListUsingLoop();
  setState(() => _users = newUsers);
}

并在初始化状态：

@override
void initState() {
  _users = _fetchUsersListUsingLoop();
  super.initState();
}