How to display API results on separate lines?

Widgets & Design

Starting out with Flutterflow and looking to display a list of banking transactions amounts in a list.

  • I would like the transaction amount to be displayed in a list

  • I have a total of 2 transactions so I am expecting to see 2 amounts being displayed in a list

  • I am using a ListView widget

  • The ListView widget is making a call to an API

  • The ListView widget has 'Generate Dynamic Children' set up with a variable and JSON Path

  • The ListView widget has a Text widget within it

  • The Text widget has been mapped to the API response and JSON Path

API call is working fine and data is coming through correctly, however, my problem is that the transactions are not being displayed in a list. Instead they are being displayed on the same line and repeated.

The end result that I am looking for is:

-42.69
-11.72

My assumption is that maybe something to do with my JSON paths but have tried videos and documentation and from what I have watched and read I think I have set it up ok.

Any guidance or help would be awesome.

Oh and bonus points if you can figure out why its displaying the actual JSON, i.e. I don't want array brackets...etc just the amounts ;)

What have you tried so far?
  • I have read the Flutterflow API Calls 101 documentation and nothing there can help me solve this problem.

  • I have also watched a few Youtube videos that I could fine on people using ListViews with data, however none offered a solution to my problem

Did you check FlutterFlow's Documentation for this topic?
Yes
9 replies