How to Dynamically Filter API Calls in FlutterFlow

  Рет қаралды 38,093

FlutterFlow

FlutterFlow

Жыл бұрын

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.

Пікірлер: 51
@rpeg18
@rpeg18 Жыл бұрын
Wow, your explanations are so thorough! Thank you, and keep up the fantastic work👌
@sgardoll
@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.
@raimundpock
@raimundpock Жыл бұрын
Great content! Helped me to solve the problem of query dependent null returns of json strings 😃👍 Thanks for this great explanation 🙏
@mici159
@mici159 4 ай бұрын
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
@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?
@mohammedabdallah347
@mohammedabdallah347 Жыл бұрын
Stunning! Thank you
@pete4910
@pete4910 Жыл бұрын
Great tutorial, please do one on "Map List Items" for a response from API
@BGdev305
@BGdev305 4 ай бұрын
Something this simple, there has got to be a way to do this in less steps / clicks / panels to visit!
@rabeezley
@rabeezley Жыл бұрын
Awesome video!
@gciola
@gciola 6 ай бұрын
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!
@flutterflowexpert
@flutterflowexpert Жыл бұрын
Great video FF!
@PorygoneLabs
@PorygoneLabs 5 ай бұрын
Excelent!, thank you so much!
@shamsulazhar
@shamsulazhar Жыл бұрын
This guy is the best FF eplainerer. Moar of him please!
@edwinbolanos1039
@edwinbolanos1039 11 ай бұрын
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.
@johnwilliams1620
@johnwilliams1620 Жыл бұрын
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?
@danzreview
@danzreview Жыл бұрын
this is awesome
@sunfarmfoods6361
@sunfarmfoods6361 10 ай бұрын
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?
@EdvanSouzaLive
@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... 😮‍💨😢😭
@godonholiday
@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?
@FlutterFlow
@FlutterFlow Жыл бұрын
Sure, kzfaq.info/get/bejne/ntFyirmo153diIU.html
@user-yk3sg7bg5j
@user-yk3sg7bg5j 10 ай бұрын
I'm struggling to figure out as well.
@joaovitorcordeiro7757
@joaovitorcordeiro7757 Жыл бұрын
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.
@SM-rd5wn
@SM-rd5wn 11 ай бұрын
did you find a solution?
@RedCloudServices
@RedCloudServices 6 ай бұрын
If your backend was graphql you would request only the attributes you need at query time rather than filter the response 😊
@XeiDaMoKaFE
@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
@abbasloda1
@abbasloda1 8 ай бұрын
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 ?
@cadufloripa
@cadufloripa 9 ай бұрын
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. :(
@cadufloripa
@cadufloripa 9 ай бұрын
Found it! Just checking "Update Page On Change" property of TextField did the trick, if anyone come to that issue in the future.
@jonas01210121
@jonas01210121 8 ай бұрын
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??????
@mauromiotello
@mauromiotello Жыл бұрын
Can you share this test project ?
@LoganMullinixdoes
@LoganMullinixdoes Жыл бұрын
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?
@FlutterFlow
@FlutterFlow Жыл бұрын
Yep, using authentication through Firebase: kzfaq.info/get/bejne/mK1jY9h7mpmUXXU.html
@mananmodi6932
@mananmodi6932 6 ай бұрын
I have tried this same but using a dropdown but its showing Red Mark its not applicable in that Any specific reason?????
@inteligenciaadwords
@inteligenciaadwords 2 ай бұрын
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... .
@amsneo
@amsneo Жыл бұрын
You guys are awsome I really think FF should be much more popular
@FlutterFlow
@FlutterFlow Жыл бұрын
We agree:)
@theBCBOMBER
@theBCBOMBER 10 ай бұрын
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!
@marcdu7
@marcdu7 4 ай бұрын
in the last version this not function, omg
@pratimadudhewar3680
@pratimadudhewar3680 Жыл бұрын
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..
@SM-rd5wn
@SM-rd5wn 11 ай бұрын
did you find a solution?
@johnfleming1229
@johnfleming1229 7 ай бұрын
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 && ||..
@HarshSharma-ln6xq
@HarshSharma-ln6xq Жыл бұрын
This is not applicable to firestore query result... Is there a similar way to filter results from firestore query?
@alguemlima
@alguemlima 10 ай бұрын
Also interested on this
@vikassable3468
@vikassable3468 Жыл бұрын
how to filter with search field
@RR-et6zp
@RR-et6zp 2 ай бұрын
wouldn't you just filter at the database level? when would using this API way make sense?
@hostbybits-webhostingforre6845
@hostbybits-webhostingforre6845 8 күн бұрын
Most of the backendS uses API. if the data is not in your database you need to access it through an API
@SmartEngine-
@SmartEngine- Жыл бұрын
on
@allenmasud1621
@allenmasud1621 9 ай бұрын
source code??
@alqods80
@alqods80 Жыл бұрын
Easier to do it in code
@GyroO7
@GyroO7 Жыл бұрын
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
@SmartEngine-
@SmartEngine- Жыл бұрын
on
How To Add Shimmer Effect to Your App (And Why You Should)
11:15
FlutterFlow
Рет қаралды 23 М.
How to Execute API Calls
18:43
FlutterFlow
Рет қаралды 37 М.
когда повзрослела // EVA mash
00:40
EVA mash
Рет қаралды 3,7 МЛН
Получилось у Вики?😂 #хабибка
00:14
ХАБИБ
Рет қаралды 6 МЛН
Custom Authentication (JSON Web Tokens)
13:03
FlutterFlow
Рет қаралды 13 М.
Custom Functions | FlutterFlow University
7:08
FlutterFlow
Рет қаралды 13 М.
FlutterFlow - Usernames
4:34
Jim Explains
Рет қаралды 223
How to Set Up @Supabase Authentication in FlutterFlow
16:05
FlutterFlow
Рет қаралды 33 М.
API Calls in FlutterFlow | FlutterFlow Tutorial For Beginners
10:34
Supercharge your Python App with RAG and Ollama in Minutes
9:42
Matt Williams
Рет қаралды 29 М.
How To Create Login Form in FlutterFlow With API Calls
21:15
Decent Rahul
Рет қаралды 9 М.
Choose a phone for your mom
0:20
ChooseGift
Рет қаралды 4,6 МЛН
iPhone 16 с инновационным аккумулятором
0:45
ÉЖИ АКСЁНОВ
Рет қаралды 2 МЛН