How to handle multiple bloc in single page?

Question

how can i implement multiple blocs inside single screen.for instance take example of INSTAGRAM home page,there we can see

1. Feed
2. Stories
3. messages count

how can i implement in single page listen for changes in each state ?. should i implement bloc for each feature (then how to handle multiple bloc for each page ) or bloc for each page (home,settings) ?.

i believe bloc for each feature can reuse bloc for different pages (profile,explore),does it complicate things ?

Answer 1

This is how I solved communication of different blocs on a single page. My intent was also to reuse a bloc on multiple pages for the same data and to use a seperate bloc for other functionality on each page. Especially if you go back and forth, a single bloc for a feature across pages should simplify things.