Flutter-06 & 07.pdf

FLUTTER Flutter Project Code import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @...

FLUTTER Flutter Project Code import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, title: 'ToDo App', home: Home(), ); } } class ToDo { String? id; String? todoText; bool isDone; ToDo({ required this.id, required this.todoText, this.isDone = false, }); static List todoList() { return [ ToDo(id: '01', todoText: 'Morning Excercise', isDone: true ), ToDo(id: '02', todoText: 'Buy Groceries', isDone: true ), Flutter | Asst. Prof. Zeenat Sultana  ToDo(id: '03', todoText: 'Check Emails', ), ToDo(id: '04', todoText: 'Team Meeting', ), ToDo(id: '05', todoText: 'Work on mobile apps for 2 hour', ), ToDo(id: '06', todoText: 'Dinner', ), ]; } } class ToDoItem extends StatelessWidget { final ToDo todo; final onToDoChanged; final onDeleteItem; const ToDoItem({ Key? key, required this.todo, required this.onToDoChanged, required this.onDeleteItem, }) : super(key: key); @override Widget build(BuildContext context) { return Container( margin: EdgeInsets.only(bottom: 20), child: ListTile( onTap: () { // print('Clicked on Todo Item.'); onToDoChanged(todo); }, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20), ), contentPadding: EdgeInsets.symmetric(horizontal: 20, vertical: 5), tileColor: Colors.white, leading: Icon( todo.isDone ? Icons.check_box : Icons.check_box_outline_blank, color: Colors.blue, ), title: Text( todo.todoText!, style: TextStyle( fontSize: 16, Flutter | Asst. Prof. Zeenat Sultana  color: Colors.black, decoration: todo.isDone ? TextDecoration.lineThrough : null, ), ), trailing: Container( padding: EdgeInsets.all(0), margin: EdgeInsets.symmetric(vertical: 12), height: 35, width: 35, decoration: BoxDecoration( color: Colors.cyan, borderRadius: BorderRadius.circular(5), ), child: IconButton( color: Colors.white, iconSize: 18, icon: Icon(Icons.delete), onPressed: () { // print('Clicked on delete icon'); onDeleteItem(todo.id); }, ), ), ), ); } } class Home extends StatefulWidget { Home({Key? key}) : super(key: key); @override State createState() => _HomeState(); } class _HomeState extends State { final todosList = ToDo.todoList(); List _foundToDo = []; final _todoController = TextEditingController(); @override void initState() { _foundToDo = todosList; Flutter | Asst. Prof. Zeenat Sultana  super.initState(); } @override Widget build(BuildContext context) { return Scaffold( backgroundColor: Colors.teal, appBar: _buildAppBar(), body: Stack( children: [ Container( padding: EdgeInsets.symmetric( horizontal: 20, vertical: 15, ), child: Column( children: [ searchBox(), Expanded( child: ListView( children: [ Container( margin: EdgeInsets.only( top: 50, bottom: 20, ), child: Text( 'All ToDos', style: TextStyle( fontSize: 30, fontWeight: FontWeight.w500, ), ), ), for (ToDo todoo in _foundToDo.reversed) ToDoItem( todo: todoo, onToDoChanged: _handleToDoChange, onDeleteItem: _deleteToDoItem, ), ], ), Flutter | Asst. Prof. Zeenat Sultana  ) ], ), ), Align( alignment: Alignment.bottomCenter, child: Row(children: [ Expanded( child: Container( margin: EdgeInsets.only( bottom: 20, right: 20, left: 20, ), padding: EdgeInsets.symmetric( horizontal: 20, vertical: 5, ), decoration: BoxDecoration( color: Colors.white, boxShadow: const [ BoxShadow( color: Colors.grey, offset: Offset(0.0, 0.0), blurRadius: 10.0, spreadRadius: 0.0, ), ], borderRadius: BorderRadius.circular(10), ), child: TextField( controller: _todoController, decoration: InputDecoration( hintText: 'Add a new todo item', border: InputBorder.none), ), ), ), Container( margin: EdgeInsets.only( bottom: 20, right: 20, Flutter | Asst. Prof. Zeenat Sultana  ), child: ElevatedButton( child: Text( '+', style: TextStyle( fontSize: 40, ), ), onPressed: () { _addToDoItem(_todoController.text); }, style: ElevatedButton.styleFrom( primary: Colors.blue, minimumSize: Size(60, 60), elevation: 10, ), ), ), ]), ), ], ), ); } void _handleToDoChange(ToDo todo) { setState(() { todo.isDone = !todo.isDone; }); } void _deleteToDoItem(String id) { setState(() { todosList.removeWhere((item) => item.id == id); }); } void _addToDoItem(String toDo) { setState(() { todosList.add(ToDo( id: DateTime.now().millisecondsSinceEpoch.toString(), todoText: toDo, )); }); _todoController.clear(); } Flutter | Asst. Prof. Zeenat Sultana void _runFilter(String enteredKeyword) { List results = []; if (enteredKeyword.isEmpty) { results = todosList; } else { results = todosList.where((item) => item.todoText!.toLowerCase().contains(enteredKeyword.toLowerCase())).toList(); } setState(() { _foundToDo = results; }); } Widget searchBox() { return Container( padding: EdgeInsets.symmetric(horizontal: 15), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(20), ), child: TextField( onChanged: (value) => _runFilter(value), decoration: InputDecoration( contentPadding: EdgeInsets.all(0), prefixIcon: Icon( Icons.search, color: Colors.black, size: 20, ), prefixIconConstraints: BoxConstraints( maxHeight: 20, minWidth: 25, ), border: InputBorder.none, hintText: 'Search', hintStyle: TextStyle(color: Colors.black12), ), ), ); } AppBar _buildAppBar() { Flutter | Asst. Prof. Zeenat Sultana  return AppBar( backgroundColor: Colors.teal, elevation: 0, title: Row(mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Icon( Icons.menu, color: Color.fromARGB(255, 42, 87, 44), size: 30, ), Container( height: 40, width: 40, child: ClipRRect( borderRadius: BorderRadius.circular(20), child: Image( image:NetworkImage("https://www.shutterstock.com/image-vector/girl-icon-flat- single-avatarpeople-260nw-454609963.jpg") ), ),) ]),);}} Output: Flutter | Asst. Prof. Zeenat Sultana