Back to Browse

#22 AutoComplete TextField in #flutter || Flutter Beginners to Advance Course || Code Flipper

10.1K views
Aug 8, 2020
13:30

Welcome to Flutter Beginner to Advance Course. In this video I'm explaining about AutoComplete Textfield in Flutter. We have follow four steps to acheive this auto-completion textfield functionality in flutter. Step 1: Add AutoComplete TextField Dependencies (autocomplete_textfield: ^1.7.3) Step 2: Create a Suggested Item List: Step 3: Create layout and also use AutoCompleteTextField Widget. Step 4: Define 4 main Parameters of AutoCompleteTextField Widget (itemFilter, itemSorted, itemSubmitted, itemBuilder)  Four main paramters of AutoCompleteTextFiedl Widget: 1. itemFilter: used to check user value with suggested List items and return TRUE if matches otherwise return FALSE 2. itemSorted: used to sort the items of suggested List on realtime when user enter more character in TextField 3. itemSubmitted: Whenever user select item from suggested list by clicking on item this itemSubmitted will set that item in textField 4. itemBuilder: itemBuilder is responsible to create or reBuild the suggested list every time when user type something in TextField AutoComplete Plugin: https://pub.dev/packages/autocomplete_textfield/install Connect with me on Social Media: Facebook: https://www.facebook.com/codeflipper Twitter: https://twitter.com/imehtashamali LinkedIn: https://www.linkedin.com/in/ehtashamali/ LIKE | SHARE | SUBSCRIBE FOR MORE VIDEOS LIKE THIS THANKS FOR WATCHING!

Download

0 formats

No download links available.

#22 AutoComplete TextField in #flutter || Flutter Beginners to Advance Course || Code Flipper | NatokHD