Display ingredient list in a recipe app

Database & APIs

In a tabbar I want to display the list of ingredients of a recipe according to the following schema:

Group name:

Quantity unit name note

Quantity unit name note

Quantity unit name note

Group name:

Quantity unit name note

Quantity unit name note

Quantity unit name note

I have 3 supabase tables: recipes (with the list of recipes), ingredients (with the list of ingredients) and recipe_ingredients (giving the list of ingredients of a recipe)

Recipes has an id and a name

Ingredients has an id and a name

Recipe_ingredients has: recipe_id, ingredient_id, quantity, unit, note, title, order_group, order_in_group

"Group name:" is title, the order of the groups is order_group and the order of the ingredients in the group is order_in_group

I can't make a structure that displays it to me in this way that I want... I can only display the list of ingredients, in the disorder of the groups and in the group, with each time the title of the group above each ingredient!

If someone has an idea of ​​the structure of the widgets, the queries and where to put them that would be great!

What have you tried so far?

I spent days on gpt chat asking him for help... I always get errors or he suggests things that don't exist!

Did you check FlutterFlow's Documentation for this topic?
No
2
7 replies