How to use/concatenate this API result from TMDB

Hey, very new to FlutterFlow and all of this and practicing with APIs (currently "The Movie Database" (TMDB)). Anyway, I'm trying to display the poster_path, from the example object, in the JSON returned below, in a GridView widget...

"results": [
  {
    "adult": false,
    "backdrop_path": "/mDeUmPe4MF35WWlAqj4QFX5UauJ.jpg",
    "genre_ids": [
      28,
      27,
      53
    ],
    "id": 1096197,
    "original_language": "pt",
    "original_title": "No Way Up",
    "overview": "Characters from different backgrounds are thrown together when the plane they're travelling on crashes into the Pacific Ocean. A nightmare fight for survival ensues with the air supply running out and dangers creeping in from all sides.",
    "popularity": 2304.766,
    "poster_path": "/hu40Uxp9WtpL34jv3zyWLb5zEVY.jpg",
    "release_date": "2024-01-18",
    "title": "No Way Up",
    "video": false,
    "vote_average": 5.985,
    "vote_count": 171
  },

The thing is, if you look at the poster_path, you'll see that it only gives the file name...

"poster_path": "/hu40Uxp9WtpL34jv3zyWLb5zEVY.jpg",

...so, in order for me to use them dynamically with an Image widget, within a GridView widget, I assume I need to append the URL to the beginning part. So, I'd like to add this before the poster_path result to be used in my Image widget...

https://image.tmdb.org/t/p/w200

Resulting in...

https://image.tmdb.org/t/p/w200/hu40Uxp9WtpL34jv3zyWLb5zEVY.jpg

...to be able to show the Movie Posters. How do I append, or concatenate, them together?

I tried a Text Combination on the Image Widget (after doing the API call on the GridView) but it doesn't seem to be working...

What else can I do?

Thanks!!! ๐Ÿ˜

2
3 replies