Learn AI, Data Science & Business — Earn Certificates That Get You Hired
2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial demonstrates how to configure and trigger API calls in FlutterFlow, then use variables and JSON responses to populate interface elements and dynamic lists. Examples include a SendGrid POST request and querying the Metropolitan Museum API.
Syllabus
Introduction
What's an API?
FlutterMet demo
Part 1 - Setting up API Calls
SendGrid API - Sample
POST body
Part 2 - Triggering API calls
Test it - Run Mode
Part 3 - Getting and using API responses
Met Museum API documentation
Met API Config in FlutterFlow
Using variables in URLs/Headers
GET Query Parameters
Querying APIs in the UI
JSONPath, getting fields from JSON
Generate list views dynamically from variables
Set UI element values from variables
Passing API result as a navigate action parameter
Taught by
FlutterFlow