I am new to using Flutter Flow and I am working on creating a simple list of agencies. For each agency in the list, I want to display a stack of images or avatars that represent their suppliers. I have received a lot of helpful advice here on how to set up this image stack. However, I am having trouble displaying the images from my backend. It seems like it should be straightforward, but despite trying for several days, I've still banging my head against the wall, and I can't figure out where I'm going wrong, so I hope someone help me.
My backend is hosted on Supabase where I have created two tables in my database: one for agencies and another for suppliers. These tables are linked by a third table called supplierAgencyLines.
I have made two views. The first one, named agency_details. It organizes the information from my agencies table. The second one, called supplierAgent_Lines, gathers details like the agency's ID and the suppliers' image URLs, which I aim to show in the avatar stack.
My image URLs are generated using Boring Avatar and a Supabase function. They look like this example:
In Flutter flow my list makes a backend query to the agency_details view - the details shows up as expected. I have a filter that filters out any potential archived agents.
Then inside list row I have a row component, where (I think) I should make a backend query to supplierAgency_Lines view.
Then I have a stack where that should generate children from my supplierAgency_Lines - however I can't select the image URL's
To test I tried to use page state as a mock backend query.
Then generate children based on the imaged in that list
And that does generate an off-set stack of images - however when I do it from my backend, it does not not work. Does anyone know where I go wrong?