Flutter Tutorial - Search TextField For Local & Network - Search Bar & Search Delegate

Let's create a Flutter Search TextField & Flutter Search Bar & Flutter Search Delegate for local & network-based search queries in Flutter.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

Sponsor:

TIMELINE
0:00 Introduction SearchAppBar
1:24 Local SearchAppBar
3:11 Local Search Results
3:58 Local Suggestions
5:11 Call showSearch
6:02 Handle Search Input
7:47 Clear Search
9:04 Close Search
9:26 Show Local Results
10:41 Fix Clear Search
11:11 Alternatives For ShowResults
12:24 Conclusion ShowResults
12:55 Highlight Search Query
15:15 Network SearchAppBar
15:47 Network Suggestions
18:57 Show Network Results
21:41 Gradient For Results

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Us :-)

--- LEARN MORE ---

PLAYLISTS

CREDITS

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)

[wycliffeo]

Fiinished my search bar, thanks man, you also helped me solve an error i was experiencing when i built my first app three years ago, a big thank you my humble like and subscription earned

[alexanderelse]

Great Video, I really like how you organized your code and that you only have an example of moderate size this really helps to incorporate the concepts in ones own Apps.

[TenzinThinley]

Wow just what I needed. This is the first proper video on search listview. Thank you

[deepaksoundappan]

superb job.. i dont know how u make such great videos..

[Fishycheeze]

keep the videos coming love it. gaining so much

[ViralShores]

Hi Johannes!
Can you do this thing in firebase. I need to search in firestore data.

[aymanessalai]

I'm ur first like. Love ur videos btw !

[pierremarais]

Hi Johannes, thanks again, my question; can you search by using any characters instead of starting with the first charcater

[nexoknechthd]

How can I make a custom page for every city?

[manikandanm]

That good. How to search in textfield.

[prashan-gc]

hi johanness,
since u removed this following code for the network search:
final suggestions = query.isEmpty
? recentmembers
: members.where((member) {
final memberLower = member.toLowerCase();
final queryLower = query.toLowerCase();
return
}).toList();

and, in the video you are only searching for berlin so the output is showing correct. but when i worked with my api even if I search "california", its showing me all the places as outputs.
Am i wrong? please correct me

[nannabach]

Really nice!! Do you have a guide to how I make the search without having to make it full screen? I would like to have it as a dropdown

[jawadaslam]

Unable to change cursor color of search deligate its blue by default and Hint text 'Search'..so how can i change it ..i tried wrapping scaffold with them widget but its not working

[deepakchaurasiya]

Sir how to fetch efficiently data from an API which contains list of 10000 objects.
Getting these large amount of data will reduce complexity.. so please give me an efficient way to solve this problem!

[titofrezer]

Gr8 job bro, but my question is wouldn't be harsh to request the server when each character is clicked?
Or is there any way of handling this huge resource consumption issue, like implementing debouncing. Thanks for your contribution

[usmannawaz]

close(context, null) is not receve (null ) showing error (The argument type 'Null' can't be assigned to the parameter type 'String'.)

[wishiwasamillionaire]

Hi Johannes. Your videos are brilliant and I've just subscribed to your chanel. I do have a question about this one. I am trying to implement the same thing from locally stored data within a json file. I have build a model that extracts the data from the json file, but I am not sure how to successfully use that data in a search page like in your tutorial. Thanks!

[yoapps]

Worked on this code today. Was really cool.. have a few questions:
1. why do we need an Opacity Widget at the end of our buildDegrees() in our WebApi call?
2. I have never seen anything like- .... i would usually use something like- is there a link you can share with accessing a Json array the way you did... seems cool ;-)
3. In dark mode my searchbox & search Text both are white... I cant see anything... I saw on Git... there seems to be an issue opened... hence Im going without dark mode :-(

[abdurrehman]

Please Johannes make sure that you provide the code of every video for free, whenever I watched your full videos and want to look up your code then your code are paid, plz make sure that it available for free it will contribute to the community.