Example

Author: felixmccuaig

.gitignore

@@ -18,4 +18,6 @@ example/.flutter-plugins
 
 example/ios/.generated/
 example/ios/Flutter/Generated.xcconfig
-example/ios/Runner/GeneratedPluginRegistrant.*
+example/ios/Runner/GeneratedPluginRegistrant.*
+
+.idea/workspace.xml

.idea/workspace.xml

@@ -22,42 +22,79 @@ class MyHomePage extends StatefulWidget {
 }
 
 class _MyHomePageState extends State<MyHomePage> {
+  List<String> added = [];
+  String currentText = "";
+  GlobalKey<AutoCompleteTextFieldState<String>> key = new GlobalKey();
+
   @override
   Widget build(BuildContext context) {
+    var textField = new AutoCompleteTextField<String>(
+        key: key,
+        suggestions: [
+          "Apple",
+          "Armidillo",
+          "Actual",
+          "Actuary",
+          "America",
+          "Argentina",
+          "Australia",
+          "Antarctica",
+          "Blueberry",
+          "Cheese",
+          "Danish",
+          "Eclair",
+          "Fudge",
+          "Granola",
+          "Hazelnut",
+          "Ice Cream",
+          "Jely",
+          "Kiwi Fruit",
+          "Lamb",
+          "Macadamia",
+          "Nachos",
+          "Oatmeal",
+          "Palm Oil",
+          "Quail",
+          "Rabbit",
+          "Salad",
+          "T-Bone Steak",
+          "Urid Dal",
+          "Vanilla",
+          "Waffles",
+          "Yam",
+          "Zest"
+        ],
+        textChanged: (item) {
+          currentText = item;
+        },
+        itemBuilder: (context, item) {
+          return new Padding(
+              padding: EdgeInsets.all(8.0), child: new Text(item));
+        },
+        itemSorter: (a, b) {
+          return a.compareTo(b);
+        },
+        itemFilter: (item, query) {
+          return item.toLowerCase().startsWith(query.toLowerCase());
+        });
+
     Column body = new Column(children: [
       new ListTile(
-        title: new AutoCompleteTextField<String>(
-            suggestions: [
-              "Apple",
-              "Blueberry",
-              "Cheese",
-              "Danish",
-              "Eclair",
-              "Fudge",
-              "Granola"
-            ],
-            textChanged: (item) {
-
-            },
-            itemBuilder: (context, item) {
-              return new Padding(
-                  padding: EdgeInsets.all(8.0),
-                  child: new Text(item)
-              );
-            },
-            itemSorter: (a, b) {
-              return a.compareTo(b);
-            },
-            itemFilter: (item, query) {
-              return item.toLowerCase().startsWith(query.toLowerCase());
-            }),
-        trailing: new IconButton(icon: new Icon(Icons.add), onPressed: () {
-
-        })
-
-      )
+          title: textField,
+          trailing: new IconButton(
+              icon: new Icon(Icons.add),
+              onPressed: () {
+                setState(() {
+                  added.add(currentText);
+                  textField.clear();
+                });
+              }))
     ]);
 
+    body.children.addAll(added.map((item) {
+      return new ListTile(title: new Text(item));
+    }));
+
     return new Scaffold(
         appBar: new AppBar(title: new Text('Auto Complete TextField Demo')),
         body: body);

example/lib/main.dart

@@ -16,14 +16,20 @@ class AutoCompleteTextField<T> extends StatefulWidget {
   StringCallback textChanged;
   AutoCompleteOverlayItemBuilder<T> itemBuilder;
   int suggestionsAmount;
+  GlobalKey<AutoCompleteTextFieldState<T>> key;
 
   AutoCompleteTextField(
-      {@required this.suggestions,
+      {@required this.key,
+        @required this.suggestions,
         @required this.textChanged,
         @required this.itemBuilder,
         @required this.itemSorter,
         @required this.itemFilter,
-        this.suggestionsAmount : 5});
+        this.suggestionsAmount : 5}) : super(key: key);
+
+  void clear() {
+    key.currentState.textField.controller.clear();
+  }
 
   @override
   State<StatefulWidget> createState() => new AutoCompleteTextFieldState<T>(