How to Dynamically Filter API Calls in FlutterFlow
ฝัง
- เผยแพร่เมื่อ 11 ม.ค. 2023
- In this tutorial, we'll walk through how to dynamically filter data coming from an api call in your app.
Ready to try FlutterFlow for yourself? Start building your app today with a free trial 👉 www.flutterflow.com
Follow us on Twitter 👉 / flutterflow
--------------
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. - วิทยาศาสตร์และเทคโนโลยี
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.
Wow, your explanations are so thorough!
Thank you, and keep up the fantastic work👌
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!
Great content! Helped me to solve the problem of query dependent null returns of json strings 😃👍 Thanks for this great explanation 🙏
Something this simple, there has got to be a way to do this in less steps / clicks / panels to visit!
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?
Stunning! Thank you
Great tutorial, please do one on "Map List Items" for a response from API
This guy is the best FF eplainerer. Moar of him please!
Awesome video!
Great video FF!
Excelent!, thank you so much!
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!
this is awesome
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
If your backend was graphql you would request only the attributes you need at query time rather than filter the response 😊
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.
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.
did you find a solution?
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... 😮💨😢😭
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?
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?
Sure, th-cam.com/video/hkBWVwr7yXQ/w-d-xo.html
I'm struggling to figure out as well.
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?
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. :(
Found it! Just checking "Update Page On Change" property of TextField did the trick, if anyone come to that issue in the future.
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 ?
in the last version this not function, omg
This is crazy complicated for such a simple solution! A filter icon, relate a field in an iterable == a value in another widget.. limited ops like equal to, in, logical cascades of && ||..
I have tried this same but using a dropdown but its showing Red Mark its not applicable in that
Any specific reason?????
No specific reason, it's just that the system has updated a lot since this video, they don't update the video and we are totally lost, this video has nothing to do with it anymore, it's much easier to do that for sure, but anyway... .
You guys are awsome I really think FF should be much more popular
We agree:)
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 work??????
Is it possible to have users login to an app and then see information’s specific to them through an api call? Like only show them access to the things they have access to?
Yep, using authentication through Firebase: th-cam.com/video/bG30uJ530-A/w-d-xo.html
Can you share this test project ?
How can we implement this same logic for API's. I mean whenever i chnage the dropodown value or radiobutton i want to call API with fresh widget values and set it to listview..
did you find a solution?
Hi Flutterflow team!! This was a really great tutorial, but I tried it and realized it doesn't work quite the same for the Swipeable Stack widget. I thought ListView and Swipeable Stack would be interchangeable for this method but I was wrong. Is there any way you can upload a tutorial on how to properly filter with the stack? Thanks so much!
how to filter with search field
This is not applicable to firestore query result... Is there a similar way to filter results from firestore query?
Also interested on this
wouldn't you just filter at the database level? when would using this API way make sense?
Most of the backendS uses API. if the data is not in your database you need to access it through an API
on
source code??
Easier to do it in code
I don't appreciate all these custom functions in tutorials and templates
Promoting this as a no code tool then bringing some dart code out of nowhere is pretty annoying
It just hinders the smoothness of workflows
on