Flutter Tutorial - AutoComplete TextField & AutoComplete Search TextField With JSON Data

Create an AutoComplete TextField to search JSON data based on suggestions in Flutter.

SUBSCRIBE HERE

SUPPORT & SPONSOR ME

RESOURCES

TIMELINE
0:00 Introduction AutoComplete TextField
0:46 Typeahead TextField
1:34 Load Suggestions
5:03 Display Suggestions UI
7:15 Create Search TextField
8:08 Search Debouncing
9:24 Load Local Suggestions
11:49 Display Local Suggestions
12:48 Navigate To Detail Page

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 :-)

[hoangtri]

lmao, I searched for "username suggestion" all day long, then I tried changing it to "suggested username". Guess what, I've got a great video here, keep it up Johannes.

[agung_laksana]

Johannes, You are awesome. Thank you very much for all your helpful videos !

[timatikgz]

Do you read my thoughts 😂 ) that's exactly what I looking for 🔥👍

[gumdum]

Thank you Johannes for the streighforward and informative explanation. Not only did I learn about Autocomplete package, I learnt about the Faker package! I bet it would go great with pagination_view 😎
Excellent work and code, thank you for sharing! 🤩🥳

[waliddjahra]

Brilliant and very helpful "as always", keep going on

[DanVanDamme]

Great tutorial Johannes! Thank you! Can this plugin also be used to autocomplete from a firebase database?

[Hi-tkhe]

Wow! I was waiting for your video and it's really good.

[Ravigupta-turr]

Thank you Johannes for your all videos as all's videos are amazing.
This video is also amazing but please make a video with auto complete google places.
I hope you will make video and I will wait for your response on it.
Thank you.

[MisterNorthernCanuck]

Your content is stellar. Just curious, any way you can add secton headers for sorting? Let's say I want to order the suggestions and display
A
---
Alex
Abby
B
---
Bob
Ben

I know this is supported out of the box in React with Material components, but I'm not convinced with Flutter.

[elorjsm]

Thank you so much Mike. I want you to do a video on how to integrate algolia in flutter and dart

[erictiobo]

hello sir and really thank you for everything you do!!.. I am currently working on a form and I would like after a period of time to automatically send the user's information without having to click on a button, would you have an idea or a course that I could consult?? please!! thank you and have a good day

[veedextechsolutions]

Many thanks for this tutorial. I wish I knew how to incorporate this in a website.

[danieloliveira]

Great video!!!

It is possible to do something like:
Suggestions:
...
List of suggestions here
...

I'm trying, but because its itemBuilder, the "Suggestions:" also enter in the loop

[faisalahmad]

Awesome tutorial I was just thinking about it, Johannes can you please make a new tutorial for push notifications using firebase cloud functions and cloud messaging, your old tutorial uses some functions which have been deprecated. and the documentation on flutter fire site is just plain horrible.
Thanks for saving our careers.

[haiderjaafer]

As always brilliant ... would you make a signup, login emaillink firebase

[GauthierAbdala]

Very instructive video, thanks. I was wondering, is it possible to actually update the pattern with the suggestion clicked by the user? I have been trying that out with no luck

[jiren]

Thanks a lot, it helped me in project

[hadikhan]

Nice video. Although you're going very fast at it. These kind of video require explanation. Great work keep it up.

[rizalfahlevi]

hello Johannes. i'm use TypeAhead and working normal when I input manual from keyboard, but when try scan value from barcode scanner its not working (value scanner not display on textfield and out focus). please help me

[Detective_Khalifah]

How can I handle querying the text entered by user in first_name, last_name & user_name altogether? I'd like to search after the user types @, so the logic can work in chat applications, when I want to tag users. Thanks!