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

Only first time when opening app or after installing it is working and 2nd time it' is not showing list is there where to apply set state or anything plz help me

Hello brother please help me to query data from mysql table based on substring input by a user for example if he type 'joh' and in the table we have ''johannes mike'' it should retrieve that row only.

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

I am using the flutter_typeahead package. When I use this package to search for something, it shows me some results related to what I searched for. However, when using this package on physical devices, the last option that appears is not being clicked. For example, if I search for "A", the results that appear are "A", "AA", "AAA", but when I try to click on "AAA" on my physical device, it is not being clicked, but it can be clicked on the emulator. Also, even when there is only one result, the problem of not being able to click on the last content still occurs.

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

typeahead still doesnot support web :(

tooppp

Flutter has itself Autocomplete widget. Can you make a video about it?

You man doing great!!!

Hi johannes thanks u. I struggle on trying to hide suggestions by pressing an arrow back iconbutton with prefixIcon textfield property but want to maintain the hidesuggestiononkeyboardhide : false . I tried suggestionboxcontroller.close(); when pressing prefixIcon but nothing happened. I you can help me on this please 🙏 😥

thanks ur code saved life

really helpful!

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

Amazing!
Thank you man

Hola, Does it work on web too ?

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

Amazing tutorial man!

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

You got +1 Subscriber ❤

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

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

how can i show the suggestion box above the textfield ?

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!

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.

Thanks for the tutorial bro

bro, can you help me ?
how to show the loading progress everytime the user is typing ? i want user to know if they're typing the app send request to server .

edited :
i just found out how to do this haha.

keepSuggestionsOnLoading: false

great tutorial broo . thanks btw

THANK YOU SOOOOOOOOOOOOOOO MUCH

I have a problem when using this package for flutter web in mobile view, when i tapped the textfield the keyboard showed and got dismissed, do you know what can cause this problem?

Thanks a lot, <3

Forgive me for asking such basic question but I’m very new and dart is my first language but could you explain in words what does

User.map((json) => user.fromJson(json)).where((user){}) actually means ?

I’m very nee so simple worded detailed answer would be so much appreciated

Man you're awesome, Thanks

what if the user inputs something that isn't in the autocomplete suggestions?

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.

Hey Milke, its a great video i was looking for. But how can we handle it if the data is coming from firebase firestore.

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

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.

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

not working my sdk is 2.7.0 do i really need to upgrade to 2.12? i got so many errors when i try updating my sdk

Excellent 😎..

You are greate

It's a missed opportunity that you didn't explain that the "TypeAhead" package is misnamed. You're talking properly about Autocomplete (provide possible additional characters based on a search space to permit abbreviations for common input text). Typeahead is a system that accepts characters from the keyboard ahead of them being able to be processed, and is such a natural flow these days that it's not seen as something that even needs a name, but clearly "TypeAhead" is nothing like "Autocomplete".

Good one, loved it.

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

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.