Update README.md

AvinandanBose · Jun 3, 2022 · 55ad2c5 · 55ad2c5
1 parent 1af63fa
commit 55ad2c5
Show file tree

Hide file tree

Showing 11 changed files with 240 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -14,3 +14,6 @@ A few resources to get you started if this is your first Flutter project:
 For help getting started with Flutter development, view the
 [online documentation](https://docs.flutter.dev/), which offers tutorials,
 samples, guidance on mobile development, and a full API reference.
+
+
+![Screenshot (706)](https://user-images.githubusercontent.com/38869235/170762317-cf3028f6-37f0-45ed-be33-4b48321de123.png)
diff --git a/android/app/build.gradle b/android/app/build.gradle
@@ -51,6 +51,7 @@ android {
         targetSdkVersion flutter.targetSdkVersion
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName
+        multiDexEnabled true
     }
 
     buildTypes {

diff --git a/lib/Screens/add_task_screen.dart b/lib/Screens/add_task_screen.dart
@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:todolistapp_updates/models/task_data.dart';
+class AddTaskScreen extends StatelessWidget {
+  final Function addTaskCallback;
+  const AddTaskScreen ({Key? key, required this.addTaskCallback}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    String newTaskTitle='';
+    return Container(
+      color:const Color(0xff757575),
+      child: Container(
+        padding: const EdgeInsets.all(20.0),
+        decoration: const BoxDecoration(
+          color: Colors.white,
+          borderRadius: BorderRadius.only(
+            topLeft: Radius.circular(20.0),
+            topRight: Radius.circular(20.0),
+          ),
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: <Widget>[
+            const Center(
+              child:  Text(
+                  'Add Text',
+                style: TextStyle(
+                  fontSize: 30.0,
+                  color:Colors.lightBlueAccent
+                ),
+              ),
+            ),
+            TextField(
+              autofocus: true,
+              textAlign: TextAlign.center,
+              onChanged: (newValue){
+                newTaskTitle = newValue;
+
+              },
+            ),
+            FlatButton(
+              onPressed: (){
+                Provider.of<TaskData>(context, listen: false).addTask(newTaskTitle);
+                Navigator.pop(context);
+
+              },
+              color: Colors.lightBlueAccent,
+              child: const Text('Add'),
+
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
diff --git a/lib/Screens/tasks_screen.dart b/lib/Screens/tasks_screen.dart
@@ -1,63 +1,87 @@
 import 'package:flutter/material.dart';
+import 'package:todolistapp_updates/widgets/TasksList.dart';
+import 'add_task_screen.dart';
+import 'package:todolistapp_updates/models/task_data.dart';
+import 'package:provider/provider.dart';
 
-class TasksScreen extends StatelessWidget {
+class TasksScreen extends StatelessWidget{
   const TasksScreen({Key? key}) : super(key: key);
 
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: Colors.lightBlueAccent,
       floatingActionButton: FloatingActionButton(
-        onPressed: (){},
+        onPressed: () {
+          showModalBottomSheet(
+              context: context,
+              builder: (context) => SingleChildScrollView(
+                  child:Container(
+                    padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
+                    child: AddTaskScreen(
+                         addTaskCallback: (newValue){
+                           // setState((){
+                           //   tasks.add(Task(name: newValue));
+                           // });
+                           Navigator.pop(context);
+
+
+                         },
+                    ),
+                  )
+              ),
+            isScrollControlled: true,
+          ); //return a widget
+        },
         backgroundColor: Colors.lightBlueAccent,
         child: const Icon(Icons.add),
       ),
       body: Column(
         children: <Widget>[
           Container(
-            padding:
-                const EdgeInsets.only(top: 60.0, left: 30.0, right: 30.0, bottom: 30.0),
+            padding: const EdgeInsets.only(
+                top: 60.0, left: 30.0, right: 30.0, bottom: 30.0),
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: <Widget>[
                 CircleAvatar(
-                    backgroundColor: Colors.white,
-                    radius: 30.0,
-                    child: Icon(Icons.list),
+                  backgroundColor: Colors.white,
+                  radius: 30.0,
+                  child: Icon(Icons.list),
                 ),
                 SizedBox(
                   height: 10.0,
                 ),
-                Text('Todoey',
+                Text(
+                  'Todoey',
                   style: TextStyle(
                     color: Colors.white,
                     fontSize: 50.0,
                     fontWeight: FontWeight.w700,
                   ),
-
                 ),
                 Text(
-                  '12 Tasks',
+                  '${Provider.of<TaskData>(context).taskCount} Tasks',
                   style: TextStyle(
                     fontSize: 18,
                     color: Colors.white,
                   ),
                 ),
-
               ],
             ),
           ),
           Expanded(
             child: Container(
-              decoration: const BoxDecoration(
-                color: Colors.white,
-                borderRadius: BorderRadius.only(
-                  topLeft: Radius.circular(20.0),
-                  topRight: Radius.circular(20.0),
+                padding: const EdgeInsets.symmetric(horizontal: 20.0),
+                decoration: const BoxDecoration(
+                  color: Colors.white,
+                  borderRadius: BorderRadius.only(
+                    topLeft: Radius.circular(20.0),
+                    topRight: Radius.circular(20.0),
+                  ),
                 ),
-              ),
-
-            ),
+                child:  TasksList()),
           ),
         ],
       ),

diff --git a/lib/main.dart b/lib/main.dart
@@ -1,4 +1,6 @@
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:todolistapp_updates/models/task_data.dart';
 
 import 'Screens/tasks_screen.dart';
 
@@ -9,8 +11,11 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const MaterialApp(
-      home: TasksScreen(),
+    return ChangeNotifierProvider(
+      create: (BuildContext context) =>TaskData(),
+      child:  const MaterialApp(
+        home: TasksScreen(),
+      ),
     );
   }
 }
diff --git a/lib/models/task.dart b/lib/models/task.dart
@@ -0,0 +1,10 @@
+
+class Task{
+   final String? name ;
+    bool? isDone;
+  Task({this.name, this.isDone= false});
+
+  void toggleDone(){
+    isDone = !isDone!;
+  }
+}
diff --git a/lib/models/task_data.dart b/lib/models/task_data.dart
@@ -0,0 +1,37 @@
+import 'dart:collection';
+
+import 'package:flutter/material.dart';
+import 'package:todolistapp_updates/models/task.dart';
+
+class TaskData extends ChangeNotifier{
+  final List<Task> _tasks = [
+    Task(name: 'Buy milk'),
+    Task(name: 'Buy eggs'),
+    Task(name: 'Buy breads'),
+  ];
+
+  // List<Task> get tasks {
+  //   return _tasks;
+  // }
+
+  UnmodifiableListView <Task> get tasks{
+    return  UnmodifiableListView(_tasks);
+  }
+  int get taskCount{
+    return _tasks.length;
+  }
+  void addTask(String newTaskTitle){
+    final task = Task(name: newTaskTitle);
+    _tasks.add(task);
+    notifyListeners();
+  }
+
+  void updateTask(Task task){
+    task.toggleDone();
+    notifyListeners();
+  }
+  void deleteTask(Task task){
+    _tasks.remove(task);
+    notifyListeners();
+  }
+}
diff --git a/lib/widgets/TasksList.dart b/lib/widgets/TasksList.dart
@@ -0,0 +1,31 @@
+import 'package:flutter/material.dart';
+import 'package:todolistapp_updates/widgets/TasksTile.dart';
+import 'package:provider/provider.dart';
+import 'package:todolistapp_updates/models/task_data.dart';
+
+class TasksList extends StatelessWidget {
+  const TasksList({Key? key}) : super(key: key);
+  @override
+  Widget build(BuildContext context) {
+    return Consumer<TaskData>(
+      builder: (context, taskData, child) {
+        return ListView.builder(
+          itemBuilder: (context, index) {
+            final task = taskData.tasks[index];
+            return TaskTile(
+                taskTitle: Provider.of<TaskData>(context).tasks[index].name,
+                isChecked: Provider.of<TaskData>(context).tasks[index].isDone,
+                checkboxCallback: (bool checkboxState) {
+                 taskData.updateTask(task);
+                },
+              longPressCallback: (){
+                  taskData.deleteTask(task);
+              },
+            );
+          },
+          itemCount:taskData.taskCount,
+        );
+      },
+    );
+  }
+}
diff --git a/lib/widgets/TasksTile.dart b/lib/widgets/TasksTile.dart
@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+class TaskTile extends StatelessWidget {
+
+  final bool? isChecked ;
+   final String? taskTitle;
+   final Function checkboxCallback;
+  final Function longPressCallback;
+   const TaskTile({Key? key,  this.isChecked , this.taskTitle, required this.checkboxCallback, required this.longPressCallback}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      onLongPress: (){
+        longPressCallback();
+      } ,
+      title: Text(
+        taskTitle!,
+        style: TextStyle(
+          decoration: isChecked! ? TextDecoration.lineThrough : null,
+          fontSize: 20,
+        ),
+      ),
+      trailing: Checkbox(
+          activeColor: Colors.lightBlueAccent,
+          value: isChecked,
+          onChanged: (newValue){
+            checkboxCallback(newValue);
+          },
+    ),
+    );
+  }
+}
+
+
diff --git a/pubspec.lock b/pubspec.lock
@@ -102,13 +102,27 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.7.0"
+  nested:
+    dependency: transitive
+    description:
+      name: nested
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "1.0.0"
   path:
     dependency: transitive
     description:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.1"
+  provider:
+    dependency: "direct main"
+    description:
+      name: provider
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "6.0.3"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -165,3 +179,4 @@ packages:
     version: "2.1.2"
 sdks:
   dart: ">=2.17.0 <3.0.0"
+  flutter: ">=1.16.0"
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -34,6 +34,7 @@ dependencies:
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2
+  provider: ^6.0.3
 
 dev_dependencies:
   flutter_test: