Manage your tasks efficiently with this simple and intuitive ToDo app built using Flutter. Stay organized, create, and track your ToDo list seamlessly on your mobile device. Simplify your life and boost productivity with ease.
Here's a simple ToDo app created using Flutter:
import 'package:flutter/material.dart';
void main() {
runApp(ToDoApp());
}
class ToDoApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'ToDo App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: ToDoListScreen(),
);
}
}
class ToDoListScreen extends StatefulWidget {
@override
_ToDoListScreenState createState() => _ToDoListScreenState();
}
class _ToDoListScreenState extends State<ToDoListScreen> {
List<String> todos = [];
void addTodo() {
showDialog(
context: context,
builder: (BuildContext context) {
String newTodo = '';
return AlertDialog(
title: Text('Add ToDo'),
content: TextField(
onChanged: (value) {
newTodo = value;
},
),
actions: [
TextButton(
onPressed: () {
setState(() {
todos.add(newTodo);
});
Navigator.of(context).pop();
},
child: Text('Add'),
),
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text('Cancel'),
),
],
);
},
);
}
void removeTodoItem(int index) {
setState(() {
todos.removeAt(index);
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('ToDo List'),
),
body: ListView.builder(
itemCount: todos.length,
itemBuilder: (BuildContext context, int index) {
return ListTile(
title: Text(todos[index]),
trailing: IconButton(
icon: Icon(Icons.delete),
onPressed: () {
removeTodoItem(index);
},
),
);
},
),
floatingActionButton: FloatingActionButton(
onPressed: addTodo,
child: Icon(Icons.add),
),
);
}
}In this app, you can add new ToDo items, view the existing items in a list, and remove items by swiping or using the delete button. The app has a simple user interface with an AppBar, a ListView to display the ToDo items, and a FloatingActionButton to add new items. The state of the app is managed using the StatefulWidget and the todos list.
To run this app, you'll need to have Flutter and Dart installed on your machine. You can create a new Flutter project, replace the contents of the main.dart file with the provided code, and run the app using flutter run.
No comments:
Post a Comment