How to append data into a Future>

Question

I want to create a on scroll data load. currently I am getting data(ad list) from a api call as a Future<List<Ads>>

in scroll listener function I just want to append next page data list.

there was a example of doing it with a list, I just want to do the same with a Future list

items.addAll(List.generate(42, (index) => 'Inserted $index'));

So you are getting data in a ```Future>``` and you want to append that to a ```List``` ? — Hamza Mogni, Dec 17 '21 at 11:01
https://stackoverflow.com/a/70358518/13912777 Hope this help your issue Thank you — Alan Bosco, Dec 17 '21 at 11:15
I don't think you can render a Future, that's why we use a FutureBuilder. Well you will have to convert your API response to a List, and then append that to your currently shown List. — Hamza Mogni, Dec 17 '21 at 11:25
@HamzaMogni can I append a normal list into a futurebuilder ? — Irushi Nathasha Kuruppu, Dec 17 '21 at 11:34
@IrushiNathashaKuruppu yes, just await for the response, convert it to a dart object and append it to your initial list (the one futurebuilder is listening to) — Hamza Mogni, Dec 17 '21 at 12:25

score 1 · Accepted Answer · answered Dec 17 '21 at 11:50

You could simply do this:

Future<List<Ads>> appendElements(Future<List<Ads>> listFuture, List<Ads> elementsToAdd) async {
  final list = await listFuture;
  list.addAll(elementsToAdd);
  return list;
}

And then call it like this:

appendedListFuture = appendElements(items, yourItemsToAdd);

How to append data into a Future>

1 Answers1