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

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/filter_listview_example

[@shakibaenur7032]

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]

Will you please suggest a tutorial for api calling in flutter.

[@iamatik]

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.

[@higorgustavobarbosadasilva9624]

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!!!!!

[@digitalsuperman]

thank you johannes! this is very helpful to my project.

[@edwardsolomon4886]

Do you have the same but using the PHP & MySQL?

[@goldenlife6166]

Great work, have a fentastic day Johannes

[@ismailwalid1160]

Very nice tutorial, thanks so much for all things you are doing, please continue like that.👏👍

[@ObsBE]

This video has helped me a great deal. Thank you!

[@pongsathornpermkanjaroen8027]

Very helpful video! I have one question. Can I add specific page route for each book in book data Thank you

[@rashidtwumasi6321]

Sumply the best. Always on point

[@johnpeter122]

Great video 👍

[@djjavvystark5470]

Thank you so much 👍

[@Landonkarther]

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.

[@fasikaabera3734]

Thanks a lot!

[@psatler]

Very informative video, Johannes! Keep up the good work!

[@shggm]

All of your videos are really helpful. Thank you and continue with your helpful contents~

[@ChrisHalden007]

Great video.

[@vincentrussellferrer3148]

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]

Wrap it with gesture detector

[@ritomukherjee8389]

Wrap with inkwell or gesture detector

[@geraldcampana9296]

Thanks Johannes, you're the best!

[@ahmadgouiaa8790]

very helpful thank you sir

[@HeyFlutter]

You’re most welcome, Ahmad Gouiaa! 🙂

[@janammaharjan2699]

Great Tutorial. Thank you very Much . :)

[@tinhnvc]

Great Tutorial. Thanks 💞

[@sergdigital7437]

Very useful video. Many thanks and keep up the good work.

[@Hi-tk4he]

Very informative and helpful.

[@denisg.8056]

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]

@@HeyFlutter I'm sure I will! Thank you again.

[@AnthonyDev]

Nice explanation, Johan! Thanks. :)

[@alidakhlaoui627]

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

[@PaulBrassington_flutter_expert]

Great video and well worth studying for the design, thanks

[@001Debjeet]

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

[@JobinZero]

Thanks a lot. This really helped me :D

[@limatrash]

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".

[@h3w45]

well done.

[@thazeroword646]

Very nice tutorial

[@hld9822]

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

[@siva7930]

thank you brother ❤️

[@hemanshpandya765]

You are very great reply my query. I am setisfy 💯😅

[@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.

[@fred5663]

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?

[@zakkyang6476]

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?

[@ikercanut1259]

You're awesome! Thanks

[@abdellahphoto2327]

Thanks a loooooooooooooooooooooooooooooooooooooooot

[@fluttermakers]

good video i subscribed 👍😉

[@HeyFlutter]

Thanks, Apps Maker! 🙂

[@Paratrooper666]

@2:20 Is there a difference between "final ValueChanged onChanged" and "final Function(String) onChanged"?

[@zraudiovlogs7044]

how about a multidrop down menu bar to filter similar way to this?

[@user-or7ji5hv8y]

Is there a previous video before this video?

[@Dawamid]

Thanks)))) keep it up, ur vidsss n u are amazing))

[@yadhuvtk]

Can You Make Second Part Of This Video For Firebase Or Send Source Code please I'm struggling to get that

[@codeaxen]

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]

@@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

[@saitejd8108]

Hi Johannes, How can I search on data coming over the stream and implement this searching feature?. Thank you.

[@WindowsGenius550]

Dear Johannes Mike please make video on Admob

[@JimmyQuy]

I have already done your guide but how can I open my book after search? It's can not open...

[@KnowledgeWorld-LetsLearn]

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

[@jemmytech5474]

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

[@zakblacki]

Please make video search and filter product with Firestore !

[@DemsDema]

Nicely done. Maybe spice it up with a search from Firebase firestore

[@DemsDema]

@@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.

[@haiderjaafer8164]

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

[@TenzinThinley]

Perfecto milke. How to add the details page? Thanks

[@thinleyyoezer8516]

sir can you please make a video on search with firestore data also???

[@thinleyyoezer8516]

@@HeyFlutter Thank you sir.. will be waiting for it...

[@hassankazimaziz6402]

Please can u make a video about localstorage CURD

[@hassankazimaziz6402]

@@HeyFlutter oh really thanks man ur great god place u

[@bugrahanaydn5329]

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

[@karansaggoo2935]

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]

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]

@@HeyFlutter Awesome man. Thanks a lot. Look to start your course soon. Great stuff!

[@jarvsgithub6017]

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]

Thanks for the idea, Jarvs Github! 🙂 I have added it to my list of ideas for future videos!

[@marco_di]

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]

@@HeyFlutter thanks ... I'll try it out. I'm grateful for every tip :D

[@vinaybakle6443]

How to filter from date - to date coming from api?

[@uududududf3880]

does the output of this is similar to your typeahead video? btw Thanks to your Flutter tutorial videos very helpful :)

[@crazy-man]

what about performance? if for example you search in this way in a list of 10000 rows

[@HeyFlutter]

Hey, @crazy-man 🙂 you can set a limit for better performance

[@quicksketch1617]

Thank you. I am studying state management, if i want to use another type instead setState (), can i call providerof in the function?

[@quicksketch1617]

In the function where you setState, instead can i use provider or i should do more changes?

[@aminuolamideazeez370]

This is wonderful. sir, Im getting this error. 'RangeERROR. index out of range'. Any help sir

[@aminuolamideazeez370]

@@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

[@karansaggoo2935]

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]

@@HeyFlutter sir its request please create my idea tutorial asap 🙏🙏

[@karansaggoo2935]

@@HeyFlutter ok sir just tell me the code for joining different collection coming from firebase And how to apply search throughout in every page

[@vivekjunghamal5730]

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]

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 🙂

[@thestars1220]

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]

​@@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 .❤️

[@SunGkd123]

Can we implement the same where the data is stored in firebase and we display it in using list view?

[@SunGkd123]

@@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

[@nasrulsetiawan]

Great work. How about search delegate?

[@nasrulsetiawan]

@@HeyFlutter woah. looking for this. Thanks.

[@letrantrucly4711]

so i want to click anything i search, what i have to do bro, pls teach me :(

[@immunemart484]

Hi can u tell me how can i show selected value at any page in text

[@immunemart484]

@@HeyFlutter ok

[@VladVons]

nice !

[@TrikNgonlen]

oowhyeaah....that's lovely...

[@marlon66669]

How to search and filter an item with AnimatedList?

[@HeyFlutter]

Thanks for the idea @marlongalvao4354 😀, i have added it in my list of future videos

[@maydana8099]

greant!

[@cescologistics9094]

please filtering by range date

[@techzone2009]

Can you make this video using getx

[@techzone2009]

@@HeyFlutter thanks ☺️

[@setsukear3101]

Te amo man!

[@Klausi-uq4xq]

Ein Widget lediglich als Arrow Function? Ich hab bisher jedes Widget als Class gebaut...okay, ich bin sehr neu in Flutter

[@rawquesh]

cool

[@bhagavanreddy104]

Thank you so much!!!!