Simple Todo App with List and List View

Source Code​

				
					import 'package:flutter/material.dart';
import 'package:ostadapp/pract1.dart';


class ToDo extends StatefulWidget {

  const ToDo({super.key});

  @override
  State<ToDo> createState() => _ToDoState();
}

class _ToDoState extends State<ToDo> {
  TextEditingController control1= TextEditingController();
  List<String> _todo=[];
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Todo App!!"),
      ),
      body: Padding(
        padding: const EdgeInsets.all(10.0),
        child: Column(
          children: [
            SizedBox(height: 20,),
            Row(
              children: [

                Expanded(
                  child: TextField(
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      label: Text("Enter tasks"),
                    ),
                    controller: control1,
                  ),
                ),
                SizedBox(width: 10,),
                ElevatedButton(onPressed: (){
                  setState(() {
                    if(control1.text.isNotEmpty){
                      _todo.add(control1.text);
                      control1.clear();
                    }

                  });

                  //print(_todo);

                }, child: Text("Add "))

              ],
            ),
            Expanded(
              child: ListView.builder(
                itemCount: _todo.length,


                  itemBuilder: (context, index){
                  return Card(
                    child: ListTile(
                      leading: Icon(Icons.arrow_forward_ios),
                      title: Text(_todo[index]),
                      trailing: IconButton(
                        onPressed: (){
                          setState(() {
                            _todo.remove(_todo[index]);

                          });
                        },
                        icon: Icon(Icons.delete),
                      ),

                    ),
                  );
                  }
              ),
            )
          ],
        ),
      ),
    );
  }
}