Add TextField to Todo-App

Author: kemonprogrammer

lib/TextField.dart

@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+
+void main() => runApp(MaterialApp(home: UserInput()));
+
+class UserInput extends StatefulWidget {
+  @override
+  _UserInputState createState() => _UserInputState();
+}
+
+class _UserInputState extends State<UserInput> {
+  void updateUserText(String text) {
+    setState(() {
+      userText = text;
+    });
+  }
+
+  String userText = '';
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        TextField(
+          onChanged: updateUserText,
+        ),
+        Text(userText),
+      ],
+
+    );
+  }
+}

lib/main.dart

@@ -1,32 +1,81 @@
 import 'package:flutter/material.dart';
 
-void main() => runApp(MaterialApp(home: UserInput()));
+void main() => runApp(MaterialApp(home: ToDo()));
 
-class UserInput extends StatefulWidget {
+////////////////////////////////
+class ToDo extends StatefulWidget {
   @override
-  _UserInputState createState() => _UserInputState();
+  _ToDoState createState() => _ToDoState();
 }
 
-class _UserInputState extends State<UserInput> {
-  void updateUserText(String text) {
+class _ToDoState extends State<ToDo> {
+  List<String> products = ['Tomate', 'Käse', 'Lauch', 'Paprika', 'Wein'];
+
+  void addItem(String item) {
     setState(() {
-      userText = text;
+      products.add(item);
     });
+    Navigator.of(context).pop();
   }
 
-  String userText = '';
+  void newEntry(){
+    showDialog<AlertDialog>(
+      context: context,
+      builder: (BuildContext context){
+        return AlertDialog(
+          content: TextField(
+            onSubmitted: addItem,
+          )
+        );
+      }
+    );
+  }
 
   @override
   Widget build(BuildContext context) {
-    return Column(
-      children: <Widget>[
-        TextField(
-          onChanged: updateUserText,
+    return Scaffold(
+        appBar: AppBar(
+          title: Text('To-Do-App'),
+          backgroundColor: Color.fromRGBO(35, 0, 0, 100),
         ),
-        Text(userText),
-      ],
-
+        body: ListView.builder(
+          itemCount: products.length,
+          itemBuilder: (context, i) {
+            return ToDoItem(products[i]);
+          },
+        ),
+        floatingActionButton: FloatingActionButton(
+          onPressed: newEntry,
+          child: Icon(Icons.add),
+        )
     );
   }
 }
 
+class ToDoItem extends StatelessWidget {
+  final String title;
+
+  const ToDoItem(this.title);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.white,
+      padding: EdgeInsets.symmetric(horizontal: 22),
+      child: ListTile(
+        contentPadding: EdgeInsets.symmetric(vertical: 8),
+        leading: Checkbox(
+          value: false,
+        ),
+        title: Text(
+          title,
+          style: TextStyle(
+              fontSize: 18.0,
+              fontWeight: FontWeight.w600,
+              color: Colors.black54),
+        ),
+        trailing: Icon(Icons.delete_outline),
+      ),
+    );
+  }
+}