How to dynamically display translated Supabase table column based on the language selected by the user

Hello everyone,

I'm currently in the process of building an app and using Supabase as my backend. While working with FlutterFlow, I've noticed that it allows for the translation of static text, but what about dynamic data retrieved from database tables?

When it comes to displaying data, I've considered using conditional visibility based on the selected language. However, implementing conditional visibility for each displayed data item seems too much. Additionally, I'm facing a challenge when it comes to displaying data in a dropdown widget โ€“ how can I dynamically select which column to use for mapping data?

In summary, my goal is to display data based on the language selected by the user, but I'm currently struggling to achieve this. For instance, I have a table with columns such as 'id,' 'name,' and 'name_fr,' where 'name' holds the English value and 'name_fr' holds the French equivalent. Currently, I'm exploring this approach for app translation, but I'm seeking guidance on how to display the correct column based on the language code selected by the user.

Any insights or suggestions would be greatly appreciated.

8 replies