How to Dynamically Filter API Calls in FlutterFlow

In this tutorial, we'll walk through how to dynamically filter data coming from an api call in your app.

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[sgardoll]

You have single handedly, simply and elegantly explained something I have been battling with since starting with Flutterflow. The way you explain the background to how Flutterflow processes everything is incredible. THANK YOU.

[rpeg]

Wow, your explanations are so thorough!
Thank you, and keep up the fantastic work👌

[raimundpock]

Great content! Helped me to solve the problem of query dependent null returns of json strings 😃👍 Thanks for this great explanation 🙏

[bobbogenie]

You are the real mvp! This short tutorial gave me great chance to retrieve my data from my wordpress website based on this filtering method.

[mici]

Thank you for the informative video! I've successfully implemented the data filtering based on categories and brands using your guidance, and it's working great. However, I'm currently facing a challenge with filtering a range of prices. Specifically, I'm trying to filter the list for items that are priced greater than or equal to $5 and less than or equal to $10. I've searched for solutions but haven't found any that fit my needs yet. Any suggestions or further guidance on how to tackle this would be greatly appreciated! Thanks again for your help!

[mjbjj]

This is extremely helpful, thank you! Can you do a video similar to this, but filter a list of documents from fire base that matches the date selected from a date picker and/or a calendar?

[BGdev]

Something this simple, there has got to be a way to do this in less steps / clicks / panels to visit!

[shamsulazhar]

This guy is the best FF eplainerer. Moar of him please!

[pete]

Great tutorial, please do one on "Map List Items" for a response from API

[johnwilliams]

Hey At @Flutterflow guys Im buidling an app using this tool and Im wondering if it is possible to allow the user of the app to edit the size of a container and maybe allow for font changes on some text? I know there is a custom function I can build using text editor but what about creating a resizable container?

[sunfarmfoods]

Hi, I am not getting the Filter List Items Option in the latest version of FF. Or Does this work in a particular JSON structure only?

[gciola]

Incredible tutorial! Worked like a charm. There's still one more thing I could not solve: I have a listview header text that counts the number of results based in raw json response, not the filtered list. To get this new value, should I build a custom function or there's built in function for that? THANKS!

[edwinbolanos]

Thanks for your great product.
I have one question. Could you please explain me how to filter appstate information.
For example an appstate of products filter by category, with a dropdown that allows the user to filter the category.

[EdvanSouzaLive]

Hi!
Great tutorial.
I came from Bubble and i have so many difficulties with FF about data structure and to call the data. Especially when exits relations.
I'm trying to make a App that the user can have many Skills.
I made a Collection with the skills pre-registered.
In the User Collection i created a userSkills relataded as list of Skills.
When the user are in the Register, i show a list of Skill in a Dropdown (with search cause are a lot skills to choose).
I created a App State to get the skills to show them on a warp.
This is for a user see what skills he choose and dele if are a mistake.
But what should to be simple is a nightmare (because in Bubble everything is more fluid in that question).
In the FF i need to make a query of a query, of a query...
Its so frustating when put a button (that are inside of a wrap - that have the children of a list os AppState) and, at the end of process, that i only need the SkillNames... and they aren't there.
For love of god... can you explain how this work?
I know and i have see the power of FF
Sorry for my rant... 😮‍💨😢😭

[abbasloda]

Hey team, can somebody help me . Any list view I create when there’s only one element or empty crashes . Is there a better way to go about it ?

[XeiDaMoKaFE]

please teach us how to use the last item, without pagination, using the unix timestamp of the last entry of an api call in the url of the next api call and repeat until there's no more entries left

[jonas]

Hi, Does anyone know how to apply this type of filter to a response from a field that is an array. loo I did as is but it doesn't

[godonholiday]

This is great, could you explain how you pulled the title and brand into the fields in the list view? Did you use map in the column child section?

[joaovitorcordeiro]

This is really good and very helpful! How can I build a search from data loaded from API, which is crucial? Is that on the way or any specific way to achieve this with API data, please guide or share a tutorial around that.

[cadufloripa]

What I don't get is how Flutterflow is supposed to know when to update list filtering when the state of checkboxes have changed. How are they linked in anyway?

I'm trying to do the same with a TextField as filter and I can't get the list to update after user type something in it. :(