Тёмный

Flutter Tutorial - Search In ListView & Filter ListView With JSON Data 

HeyFlutter․com
Подписаться 203 тыс.
Просмотров 79 тыс.
50% 1

Опубликовано:

 

29 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@HeyFlutter
@HeyFlutter Год назад
This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/filter_listview_example
@iamatik
@iamatik 3 года назад
Today I am searching for this solution all day but not get the proper solution. and now you upload this video which like God's gift for me. thanks, bro its helps me a lot.
@shakibaenur7032
@shakibaenur7032 3 года назад
Seriously. Great video and great explanation in every video of yours. Finally got the best tutorials on flutter. This channel should hit billions of subscriber.
@shakibaenur7032
@shakibaenur7032 3 года назад
Will you please suggest a tutorial for api calling in flutter.
@digitalsuperman
@digitalsuperman 3 года назад
thank you johannes! this is very helpful to my project.
@goldenlife6166
@goldenlife6166 3 года назад
Great work, have a fentastic day Johannes
@higorgustavobarbosadasilva9624
@higorgustavobarbosadasilva9624 2 года назад
I add a new feature in my app with the understanding that I've learned in this video. Thanks a lot for help to construct my knowledge background!!!!!
@psatler
@psatler 3 года назад
Very informative video, Johannes! Keep up the good work!
@ismailwalid1160
@ismailwalid1160 3 года назад
Very nice tutorial, thanks so much for all things you are doing, please continue like that.👏👍
@shggm
@shggm 3 года назад
All of your videos are really helpful. Thank you and continue with your helpful contents~
@pongsathornpermkanjaroen8027
@pongsathornpermkanjaroen8027 2 года назад
Very helpful video! I have one question. Can I add specific page route for each book in book data Thank you
@ObsBE
@ObsBE 3 года назад
This video has helped me a great deal. Thank you!
@vincentrussellferrer3148
@vincentrussellferrer3148 3 года назад
thank you for this wonderful content! a question though, how can I make the list tile clickable so that when I press a certain book it will lead me to an another page where the information of that book is displayed?
@zuberjavedqureshi3320
@zuberjavedqureshi3320 3 года назад
Wrap it with gesture detector
@ritomukherjee8389
@ritomukherjee8389 3 года назад
Wrap with inkwell or gesture detector
@edwardsolomon4886
@edwardsolomon4886 3 года назад
Do you have the same but using the PHP & MySQL?
@rashidtwumasi6321
@rashidtwumasi6321 3 года назад
Sumply the best. Always on point
@limatrash
@limatrash 2 года назад
Thanks! Is there a way to extend this system to search for multiple words? Right now, if I search for "doe second" nothing shows up even if in my list there is a "john doe second".
@alidakhlaoui627
@alidakhlaoui627 2 года назад
Thank you so much for this effort it helped me so much , But i want to ask how can i add an icon button in front of every book i tried but i couldn't
@geraldcampana9296
@geraldcampana9296 3 года назад
Thanks Johannes, you're the best!
@Landonkarther
@Landonkarther 2 года назад
Hello Johannes Milk, first I would like to thank you for sharing your knowledge, your videos are very clear, objective and productive. I would like to contribute a step of your code, using your example in developing a web application, I got an error when using the syntax: " Focus.of(context).requestFocus(FocusNode(),);", to fix it I used " FocusScope.of(context).requestFocus(FocusNode());", that was it, thanks.
@zakkyang6476
@zakkyang6476 3 года назад
Rather than debouncing, can we pop out key words for users to select? For example, typing 'Ar' will show up 'Ardi Evans' for users to search?
@AnthonyDev
@AnthonyDev 3 года назад
Nice explanation, Johan! Thanks. :)
@sergdigital7437
@sergdigital7437 3 года назад
Very useful video. Many thanks and keep up the good work.
@johnpeter122
@johnpeter122 3 года назад
Great video 👍
@fred5663
@fred5663 3 года назад
Thanks for the tutorial man. Hey, what if we wanna click on the card and go the another page, do you have a video about that?
@PaulBrassington_flutter_expert
@PaulBrassington_flutter_expert 2 года назад
Great video and well worth studying for the design, thanks
@janammaharjan2699
@janammaharjan2699 2 года назад
Great Tutorial. Thank you very Much . :)
@tinhnvc
@tinhnvc 2 года назад
Great Tutorial. Thanks 💞
@KnowledgeWorld-LetsLearn
@KnowledgeWorld-LetsLearn 3 года назад
Hello brother. I am trying to use this feature for a working Notes app but i am not understanding how to do it. Can you please help
@saitejd8108
@saitejd8108 3 года назад
Hi Johannes, How can I search on data coming over the stream and implement this searching feature?. Thank you.
@001Debjeet
@001Debjeet 2 года назад
hey great video as always but i a getting a type cast error Unhandled Exception: type 'SearchModel' is not a subtype of type 'List' in type cast
@Paratrooper666
@Paratrooper666 3 года назад
@2:20 Is there a difference between "final ValueChanged onChanged" and "final Function(String) onChanged"?
@Hi-tk4he
@Hi-tk4he 3 года назад
Very informative and helpful.
@denisg.8056
@denisg.8056 3 года назад
Once again, thank you for all your very interesting videos. I'm happy to have finally think to send you a small reward by subscribing to your courses :-)
@denisg.8056
@denisg.8056 3 года назад
@@HeyFlutter I'm sure I will! Thank you again.
@hld9822
@hld9822 3 года назад
you are really amazing, please make a video tutorial Search data from firestore to flutter in streambuilder, I always failed when using Collection data then WHERE in ListTile disappeared
@jemmytech5474
@jemmytech5474 3 года назад
Sir i want to search in listview with data from sqflite? Please could you guide me or make a tutorial? I’m so worried, my assignment is almost completed except the searching functionality. I’ll be waiting for you
@codeaxen
@codeaxen 2 года назад
Hello man thanks for this great tutorial very helpful.. but am wondering how to hide the listview () when nothing typed in the Textfield Widget ??????
@codeaxen
@codeaxen 2 года назад
@@HeyFlutter thanks a lot for the help.. that link you shared did not have what i really wanted to implement.... but finally i managed to find a work-round my issue... i had to watch your video on "How To Overlay Widgets" and from there all i had to do is :- showbusinessList !=false ?buildOverly(): Container() ; and i went ahead and checked for the empty String on Query paramentor in the searchBusiness(String query) Function is so :- if(query != ""){ print("i have some Text"); setState(() { showbusinessList = true; }); }else { print("i have NO Text"); showbusinessList = false; } thanks a lot for these great videos... i think if you can find a better approach on this implementation than mine would be really great
@thazeroword646
@thazeroword646 3 года назад
Very nice tutorial
@JobinZero
@JobinZero 2 года назад
Thanks a lot. This really helped me :D
@djjavvystark5470
@djjavvystark5470 2 года назад
Thank you so much 👍
@uududududf3880
@uududududf3880 3 года назад
does the output of this is similar to your typeahead video? btw Thanks to your Flutter tutorial videos very helpful :)
@user-or7ji5hv8y
@user-or7ji5hv8y 3 года назад
Is there a previous video before this video?
@quicksketch1617
@quicksketch1617 2 года назад
Thank you. I am studying state management, if i want to use another type instead setState (), can i call providerof in the function?
@quicksketch1617
@quicksketch1617 2 года назад
In the function where you setState, instead can i use provider or i should do more changes?
@ChrisHalden007
@ChrisHalden007 2 года назад
Great video.
@haiderjaafer8164
@haiderjaafer8164 3 года назад
Nice work... from where app bring data ... I think it’s not good idea to get all data at once. May be it’s huge data
@bugrahanaydn5329
@bugrahanaydn5329 2 года назад
Can ı send my query paramater with http.post and print result with this code ? I could not see if you re sending the paramaters or not, in my case ı need to send paramater in json to get response. Need to change results according to paramaters. Any idea would be helpful thanks
@TenzinThinley
@TenzinThinley 3 года назад
Perfecto milke. How to add the details page? Thanks
@WindowsGenius550
@WindowsGenius550 3 года назад
Dear Johannes Mike please make video on Admob
@fasikaabera3734
@fasikaabera3734 2 года назад
Thanks a lot!
@zraudiovlogs7044
@zraudiovlogs7044 2 года назад
how about a multidrop down menu bar to filter similar way to this?
@JimmyQuy
@JimmyQuy 3 года назад
I have already done your guide but how can I open my book after search? It's can not open...
@DemsDema
@DemsDema 3 года назад
Nicely done. Maybe spice it up with a search from Firebase firestore
@DemsDema
@DemsDema 3 года назад
@@HeyFlutter Thank you, I watched both of the recommended videos above, but I did not see the search implementation with firebase firestore? Or am I missing something? Thank you.
@ahmadgouiaa8790
@ahmadgouiaa8790 2 года назад
very helpful thank you sir
@HeyFlutter
@HeyFlutter 2 года назад
You’re most welcome, Ahmad Gouiaa! 🙂
@ikercanut1259
@ikercanut1259 3 года назад
You're awesome! Thanks
@siva7930
@siva7930 3 года назад
thank you brother ❤️
@zakblacki
@zakblacki 3 года назад
Please make video search and filter product with Firestore !
@karansaggoo2935
@karansaggoo2935 3 года назад
Sir i want to perform a search by two field in each documents in firestore in flutter on only one text field Eg field 1 is code or field 2 is name Means to say person can search either by code or name
@photogenie7298
@photogenie7298 3 года назад
Great stuff!!! Can you show how to do the same with a Firebase Query/List? These days your videos do not contain much of FIREBASE alternatives. We need them. :-)
@photogenie7298
@photogenie7298 3 года назад
@@HeyFlutter Awesome man. Thanks a lot. Look to start your course soon. Great stuff!
@thestars1220
@thestars1220 3 года назад
how to show errror when query not found? local json file! because when i try to show errror the files through itteration gives matched unmatched VALUES how to check if query not available only when the where itteration has finished? im finidng where number==( a particular number(query))
@thestars1220
@thestars1220 3 года назад
​@@HeyFlutter my brother i was saying that i have a json file which i converted into queriable . now i want to search where "number"==query ; if query was found show query +( data associated with the query). and when the query is not matched it should display an error not found . but the problem was that as soon as where() method started itterating the 1st place where query was not matched it was giving error not found without searching for the query in the entire json file. "well thank you for your concern but i some how managed to fix it with *then()* method" . if u have any better sollution be sure to tell me thanks again .❤️
@Dawamid
@Dawamid 3 года назад
Thanks)))) keep it up, ur vidsss n u are amazing))
@marco_di
@marco_di 3 года назад
again a great tutorial ... AWESOME :D ... but ... wouldn't it have made more sense to use a json file for the local data instead of entering it manually?
@marco_di
@marco_di 3 года назад
@@HeyFlutter thanks ... I'll try it out. I'm grateful for every tip :D
@vivekjunghamal5730
@vivekjunghamal5730 2 года назад
Very nice tutorial! Btw how to we add date range filter on api requests? Like: I have data of entries in api, now I need to show all those data according to date range provided by user. Ex: StartDate: 2022-01-01, EndDate: 2022-02-20, I need to dipslay all these data and avoid others.
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Vivek Jung Hamal! Follow this link: stackoverflow.com/questions/70894726/how-to-filter-items-consisting-within-a-date-range-from-datea-to-dateb-in-flut I hope you will get your answer 🙂
@yadhuvtk
@yadhuvtk 2 года назад
Can You Make Second Part Of This Video For Firebase Or Send Source Code please I'm struggling to get that
@crazy-man
@crazy-man Год назад
what about performance? if for example you search in this way in a list of 10000 rows
@HeyFlutter
@HeyFlutter Год назад
Hey, @crazy-man 🙂 you can set a limit for better performance
@aminuolamideazeez370
@aminuolamideazeez370 3 года назад
This is wonderful. sir, Im getting this error. 'RangeERROR. index out of range'. Any help sir
@aminuolamideazeez370
@aminuolamideazeez370 3 года назад
@@HeyFlutter Thank you,sir. solved. When i put something which is not on the list to the saerch bar i want it to return all the page instead of empty page
@fluttermakers
@fluttermakers 2 года назад
good video i subscribed 👍😉
@HeyFlutter
@HeyFlutter 2 года назад
Thanks, Apps Maker! 🙂
@jarvsgithub6017
@jarvsgithub6017 2 года назад
Can you have a tutorial of multiple strings in search ex. "Lorem","Lorem 1","Lorem 2","Lorem 3","Lorem 4"; and it shows the result of search all containing the data
@HeyFlutter
@HeyFlutter 2 года назад
Thanks for the idea, Jarvs Github! 🙂 I have added it to my list of ideas for future videos!
@SunGkd123
@SunGkd123 3 года назад
Can we implement the same where the data is stored in firebase and we display it in using list view?
@SunGkd123
@SunGkd123 3 года назад
@@HeyFlutter I'm sorry it was my mistake, I want to ask can we create a dynamic filter like this when the data is shown from firebase
@thinleyyoezer8516
@thinleyyoezer8516 3 года назад
sir can you please make a video on search with firestore data also???
@thinleyyoezer8516
@thinleyyoezer8516 3 года назад
@@HeyFlutter Thank you sir.. will be waiting for it...
@karansaggoo2935
@karansaggoo2935 3 года назад
Hello Please make a video on search in flutter app on different firestore collection For eg there are three categories of vehical light , heavy , medium and have different collection in firebase And how to search throughout the app (search any category in home page )
@karansaggoo2935
@karansaggoo2935 3 года назад
@@HeyFlutter sir its request please create my idea tutorial asap 🙏🙏
@karansaggoo2935
@karansaggoo2935 3 года назад
@@HeyFlutter ok sir just tell me the code for joining different collection coming from firebase And how to apply search throughout in every page
@nasrulsetiawan
@nasrulsetiawan 3 года назад
Great work. How about search delegate?
@nasrulsetiawan
@nasrulsetiawan 3 года назад
@@HeyFlutter woah. looking for this. Thanks.
@h3w45
@h3w45 3 года назад
well done.
@hassankazimaziz6402
@hassankazimaziz6402 3 года назад
Please can u make a video about localstorage CURD
@hassankazimaziz6402
@hassankazimaziz6402 3 года назад
@@HeyFlutter oh really thanks man ur great god place u
@letrantrucly4711
@letrantrucly4711 2 года назад
so i want to click anything i search, what i have to do bro, pls teach me :(
@immunemart484
@immunemart484 3 года назад
Hi can u tell me how can i show selected value at any page in text
@immunemart484
@immunemart484 3 года назад
@@HeyFlutter ok
@vinaybakle6443
@vinaybakle6443 3 года назад
How to filter from date - to date coming from api?
@hemanshpandya765
@hemanshpandya765 Год назад
You are very great reply my query. I am setisfy 💯😅
@HeyFlutter
@HeyFlutter Год назад
Hey, @hemanshpandya765 🙂 There can be various scenarios, it is good to know that you are aware of them. This tutorial is for beginners and cover the very basic implementation.
@maydana.programador
@maydana.programador 2 года назад
greant!
@abdellahphoto2327
@abdellahphoto2327 2 года назад
Thanks a loooooooooooooooooooooooooooooooooooooooot
@techzone2009
@techzone2009 3 года назад
Can you make this video using getx
@techzone2009
@techzone2009 3 года назад
@@HeyFlutter thanks ☺️
@marlon66669
@marlon66669 Год назад
How to search and filter an item with AnimatedList?
@HeyFlutter
@HeyFlutter Год назад
Thanks for the idea @marlongalvao4354 😀, i have added it in my list of future videos
@cescologistics9094
@cescologistics9094 3 года назад
please filtering by range date
@Klausi-uq4xq
@Klausi-uq4xq 3 года назад
Ein Widget lediglich als Arrow Function? Ich hab bisher jedes Widget als Class gebaut...okay, ich bin sehr neu in Flutter
@VladVons
@VladVons 3 года назад
nice !
@TrikNgonlen
@TrikNgonlen 3 года назад
oowhyeaah....that's lovely...
@setsukear3101
@setsukear3101 3 года назад
Te amo man!
@rawquesh
@rawquesh 3 года назад
cool
@bhagavanreddy104
@bhagavanreddy104 3 года назад
Thank you so much!!!!
Далее
Flutter Read Data from Local JSON Files
6:29
Просмотров 29 тыс.
Flutter: Searching a ListView  with JSON Data
14:12
Просмотров 12 тыс.
Build a Search System using Flutter
16:48
Просмотров 82 тыс.