Autocomplete Location Textfield Help

Database & APIs

Hi everyone!

I’ve been struggling with APIs for a while and have been putting it off, but I’m finally diving in. Right now, I'm focusing on setting up a user input field for city entry with Google’s autocomplete API.

I’m excited to see that there’s an option for dynamic autocomplete in the Textfield widget! However, I’m running into a bit of trouble configuring the API call. I’ve followed the steps to define the API and set up the action on the Textfield, but things aren’t lining up.

I’ve attached screenshots of my setup, including:

  • The Define API Call screen

  • The Action screen of the Textfield

  • The Autocomplete options in the Textfield property panel

  • A test run result showing what happens when I try to execute it.

I’ve blocked out my API key in the screenshots, of course.

Would really appreciate any insights or suggestions on how I can get this API call to work properly! 🙏

What have you tried so far?

I've looked at community posts, youtube video, chatgpt, and ff documentation

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