💬
Get Help
d
danny

ListView API Call not rendering data, shows literal JSON path

Database & APIs

I have a ListView bound to an API Call (POST to Supabase Edge Function). The edge function returns a flat JSON array like this: [{"id":"...","name":"...","type":"...","address":"..."}]

The API call tests successfully and returns correct data. I added 4 JSON paths: $[*].id, $[*].name, $[*].type, $[*].address

Inside the ListView I have a Container > Column > 3 Text widgets. Each Text widget is bound to the API response using JSON Path $[*].name, $[*].type, $[*].address

When I preview the app, the ListView shows only ONE tile with literal text [$[*].name] [$[*].type] [$[*].address] instead of real store data.

What am I doing wrong?

What have you tried so far?

I tried using Predefined Path instead of JSON Path but got a return type mismatch error. I also tried recreating the API call from scratch with the correct flat array JSON paths. The API call tests successfully and returns all the correct data, but the ListView still shows literal path text instead of real values.

Did you check FlutterFlow's Documentation for this topic?
No
1 reply