How to use List.sort on values returned from a function that contains an async?

问题

I have this code :

 widget.items.sort((a, b) {

           await getItemDistance(a, true);
          await getItemDistance(b, false);

          return (itemADistance)
              .compareTo(itemBDistance);
        });

I am trying to sort widget.items list based on values returned from getItemDistance. However I get an error with a red squiggly line that says :

The await expression can only be used in an async function

and when I try to add async to the sort method I get another red squiggly line that says :

The argument type 'Future Function(Item, Item)' can't be assigned to the parameter type 'int Function(Item, Item)'

How do I solve this dilemma guys ? :) Thanks

回答1:

List.sort is a synchronous function that expects a synchronous callback; there is no way to use it with an asynchronous callback. I would recommend transforming your List and doing any necessary asynchronous work first and then synchronously sorting the results. Doing so also should avoid calling getItemDistance (which, by virtue of being asynchronous, is likely to be expensive) on the same item multiple times. For example, something like:

final computedDistances = <Item, double>{};
for (final item in widget.items) {
  final distance = await getItemDistance(item, ...);
  computedDistances[item] = distance;
}

widget.items.sort((a, b) => 
  computedDistances[a].compareTo(computedDistances[b])
);

(I don't know what the second argument to getItemDistance represents; if you can't get around that, you would need to build one Map with getItemDistance(..., true) results and one with getItemDistance(..., false) results.)

As a last resort, you could write your own asynchronous sort function.

---

Edit

This should be a more efficient version since it doesn't wait for each asynchronous operation one-by-one:

final computedDistances = await Future.wait<double>([
  for (final item in widget.items) getItemDistance(item, ...),
]);

final computedDistancesMap = <Item, double>{
  for (var i = 0; i < widget.items.length; i += 1)
    widget.items[i]: computedDistances[i],
};

widget.items.sort((a, b) => 
  computedDistancesMap[a].compareTo(computedDistancesMap[b])
);

回答2:

Whenever you are running async code you should add the async keyword like below. this tells dart you intend to run async code.

Async functions return a Future which tells dart that at some point in the future you are expecting itemADistance or an error.

You will want to return a Future of type int since you are expecting to receive an int itemADistance or an error.

   Future<int> widget.items.sort((a, b) async {

                   await getItemDistance(a, true);
                  await getItemDistance(b, false);

                  return (itemADistance)
                      .compareTo(itemBDistance);
                });

来源：https://stackoverflow.com/questions/58159902/how-to-use-list-sort-on-values-returned-from-a-function-that-contains-an-async