How to combine two api response data into single list of data

user_18242394 0
Viewed 129

I am having two set of apis. Which gives me a list of array of data.

For ex:

First api returns "postData". Second api return "promotionData".

Now i have to list the postdata in a page. I used Listview.builder to show all the postData api response data.

Now i have promotionData which return another set of json list of data.

The actual output i need is i want to display the five data of postData and then in between i have to show promotionData details and then postData details.

This is similar to FB and Twritter. Where we can see 5 posts and one promoAdd data.

How can i do this. Please help fnz.....

dart flutter builder list
2 Answers

Just build a combined list. Something like:

// replace String to actual object that you are using
List<String> combinedList = [];
int promotionIndex = 0;
for (var postIndex=0 ; postIndex < postData.length ; postIndex++) {
    if (postIndex > 0 && postIndex % 5 == 0) {
         combinedList.add(promotionData[promotionIndex]);
         promotionIndex++;
    }
    combinedList.add(postData[postIndex]);
}
user_38363090

If you don't want to use a combinedList, you could change your ListView.builder instead:

// variable in your widget
int _promotionIndex = 0;
...
ListView.builder(
  itemCount: postData.lenght + promotionData.length,
  itemBuilder: (context, index) {
    if((index + 1) % 5 == 0) { //important line
     // return your PromotionWidget here
     // access it with promotionData[promotionIndex]
     promotionIndex++;
    }
    // return your PostWidget here
  },
)

(index + 1) % 5 == 0 provides the functionality you need, as it check whether the index is divisible by 5.

user_117083270
Related