Progressive Data Display end Error form a Single Provider in Flutter

[MichaelLucca]

Description
Currently, I'm using a single provider in Flutter to fetch data from multiple API calls within my application. However, I'm encountering difficulty in managing the progressive display of Data and Errors in my UI.

I want to display portions of the UI as data is received, rather than having to wait for all API calls to complete.
I want to display portions of the UI as data is received, and if the APi call fails I want to show an Error UI

The Example Provider and Widgets are the same from the last question:

[snapsl]

Your images don't show how you handle the AsyncError case. Furthermore, please implement the suggestion from #3357.

[MichaelLucca]

@snapsl sorry, I've putted the wrong screenshots. This is the actual situation:

[snapsl]

Can you reformulate what the issue is?

[MichaelLucca]

Basically, I have a provider that makes multiple API calls. I want to be able to display the data received from the first API call and simultaneously the error because the second API call doesn't work. If I emit the "error" state, the entire UI would show an error, whereas I want to be able to display data and errors separately.

[rrousselGit]

You should instead have multiple providers for this.

[snapsl]

So this is just a suggestion...

Instead of trying to combine both providers and handle for the different AsyncStates in the newly created StoreItemDetails provider, you could handle both providers separately in the UI.

So wrap storeitemdetailsprovider inside storeitemprovider and fill the data/load/errors cases accordingly.

[MichaelLucca]

Thanks @snapsl @rrousselGit you're both right, I can achieve the behaviour by doing so instead of having a provider acting like a controller 🙏🏻