Autofill Hints Suggestion List in Flutter Last Updated : 06 Feb, 2023 Summarize Comments Improve Suggest changes Share Like Article Like Report You must have noticed that the majority of websites and mobile applications provide an autofill list. These features can now be added to your Flutter app without importing any packages. Just read the article for this amazing property in the text form field/text field. Example: We need to display several suggestion lists depending on the sort of data that the user will enter. For example, we have a text field for email, where the user typically enters the email address that they use to log in to their phone. We can accomplish this using just one AutofillHints is a list of strings that help the autofill service identify the type of this text input. Syntax:// Add textfield and textformfield in your scaffold TextFormField( autofillHints: [ //suggestion list to be shown from this field ], )Example: Dart // Example 1 Suggestion for emails logged in or used from your device TextFormField( autofillHints: const [ AutofillHints.email, ], keyboardType: TextInputType.emailAddress), // Example 2 Suggestion for names used in your device TextFormField( decoration: const InputDecoration( labelText: "Name", hintText: "Name", ), autofillHints: const [ AutofillHints.name, ], ), // Example 3 Suggestion list with different types of text used in your device TextFormField( keyboardType: TextInputType.text, decoration: const InputDecoration( border: OutlineInputBorder(), enabledBorder: OutlineInputBorder(), focusedBorder: OutlineInputBorder()), autofillHints: const [ AutofillHints.name, AutofillHints.email, AutofillHints.addressCityAndState, ], ) // Example 4 Custom Suggestion list TextFormField( keyboardType: TextInputType.text, autofillHints: const [ "flutter_wings", "geeksforgeeks" ], ) Output: Important Note: For better result pass keyboardtype also in your textfield,textformfield. TextFormField(keyboardType: TextInputType.emailAddress, autofillHints: const [AutofillHints.email, // email logged in that device to be shown from this field ], ) Comment More infoAdvertise with us Next Article Motion Toast Widget in Flutter F flutterwings Follow Improve Article Tags : Flutter Similar Reads How to Shuffle a List using shuffle() in Flutter? In this article, we are going to learn how to develop an Android app in Flutter that shuffles the content of a list by calling shuffle( ). Here we will take the Benefits of the inbuilt shuffle() method from the dart:math library, which provides an easy approach to randomly arrange the items on a lis 4 min read Flutter - Animate Items in List Using AnimatedList The AnimatedList widget in Flutter is used to create a list that automatically animates changes to its items. It's particularly useful when you want to add or remove items from a list with smooth animations. In this article, we are going to see how the list is animated when an item is deleted or add 5 min read Flutter - Auto size text An adaptive UI is an integral part of any application. As applications nowadays have to function on a wide range of devices ranging from tablets, PCs, and mobile with varying screen sizes. This is where the application needs to adjust itself according to the size of the screen irrespective of the si 3 min read Motion Toast Widget in Flutter A Motion Toast widget in Flutter is a type of toast message that animates its appearance on the screen. It can be used to provide feedback or notifications to the user in a subtle, yet attention-grabbing way. One way to implement a Motion Toast in Flutter is to use the AnimatedContainer widget. You 3 min read Flutter - Create Option Menu for ListView ListView is the efficient widget to display a list of items. Sometimes we need some options on individual items in the ListView. To create an options menu for a ListView in Flutter, you can use the PopupMenuButton widget along with PopupMenuItem or PopupMenuItemBuilder. This allows you to display a 5 min read How to Build a ToDo Application in Flutter? Flutter offers a stable framework for constructing richly UI-driven cross-platform applications. In this article, we will learn to build a ToDo Flutter Application. What is the ToDo Application?The ToDo application helps users manage and organize their tasks and responsibilities more easily. Managin 6 min read Like