home ui

Author: alireza4585

lib/main.dart

@@ -1,6 +1,5 @@
 import 'package:firebase_core/firebase_core.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_to_do_list/auth/main_page.dart';
 import 'package:flutter_to_do_list/screen/home.dart';
 import 'package:flutter_to_do_list/widgets/task_widgets.dart';
 

lib/screen/home.dart

@@ -1,4 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:flutter_to_do_list/const/colors.dart';
+import 'package:flutter_to_do_list/widgets/task_widgets.dart';
 
 class Home_Screen extends StatefulWidget {
   const Home_Screen({super.key});
@@ -7,9 +10,43 @@ class Home_Screen extends StatefulWidget {
   State<Home_Screen> createState() => _Home_ScreenState();
 }
 
+bool show = true;
+
 class _Home_ScreenState extends State<Home_Screen> {
   @override
   Widget build(BuildContext context) {
-    return Scaffold();
+    return Scaffold(
+      backgroundColor: backgroundColors,
+      floatingActionButton: Visibility(
+        visible: show,
+        child: FloatingActionButton(
+          onPressed: () {},
+          backgroundColor: custom_green,
+          child: Icon(Icons.add, size: 30),
+        ),
+      ),
+      body: SafeArea(
+          child: NotificationListener<UserScrollNotification>(
+        onNotification: (notification) {
+          if (notification.direction == ScrollDirection.forward) {
+            setState(() {
+              show = true;
+            });
+          }
+          if (notification.direction == ScrollDirection.reverse) {
+            setState(() {
+              show = false;
+            });
+          }
+          return true;
+        },
+        child: ListView.builder(
+          itemBuilder: (context, index) {
+            return Task_Widget();
+          },
+          itemCount: 10,
+        ),
+      )),
+    );
   }
 }

lib/widgets/task_widgets.dart

@@ -13,75 +13,74 @@ bool isDone = false;
 class _Task_WidgetState extends State<Task_Widget> {
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: backgroundColors,
-      body: SafeArea(
-        child: Padding(
-          padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 15),
-          child: Container(
-            width: double.infinity,
-            height: 130,
-            decoration: BoxDecoration(
-              borderRadius: BorderRadius.circular(10),
-              color: Colors.white,
-              boxShadow: [
-                BoxShadow(
-                  color: Colors.grey.withOpacity(0.2),
-                  spreadRadius: 5,
-                  blurRadius: 7,
-                  offset: Offset(0, 2),
-                ),
-              ],
+    return get();
+  }
+
+  Widget get() {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
+      child: Container(
+        width: double.infinity,
+        height: 130,
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(10),
+          color: Colors.white,
+          boxShadow: [
+            BoxShadow(
+              color: Colors.grey.withOpacity(0.2),
+              spreadRadius: 5,
+              blurRadius: 7,
+              offset: Offset(0, 2),
             ),
-            child: Padding(
-              padding: const EdgeInsets.symmetric(horizontal: 10),
-              child: Row(
-                children: [
-                  // image
-                  imageee(),
-                  SizedBox(width: 25),
-                  // title and subtitle
-                  Expanded(
-                    child: Column(
-                      crossAxisAlignment: CrossAxisAlignment.start,
+          ],
+        ),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 10),
+          child: Row(
+            children: [
+              // image
+              imageee(),
+              SizedBox(width: 25),
+              // title and subtitle
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    SizedBox(height: 5),
+                    Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                       children: [
-                        SizedBox(height: 5),
-                        Row(
-                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                          children: [
-                            Text(
-                              'title',
-                              style: TextStyle(
-                                fontSize: 18,
-                                fontWeight: FontWeight.bold,
-                              ),
-                            ),
-                            Checkbox(
-                              activeColor: custom_green,
-                              value: isDone,
-                              onChanged: (value) {
-                                setState(() {
-                                  isDone = !isDone;
-                                });
-                              },
-                            )
-                          ],
-                        ),
                         Text(
-                          'subtitle',
+                          'title',
                           style: TextStyle(
-                              fontSize: 16,
-                              fontWeight: FontWeight.w400,
-                              color: Colors.grey.shade400),
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
                         ),
-                        Spacer(),
-                        edit_time()
+                        Checkbox(
+                          activeColor: custom_green,
+                          value: isDone,
+                          onChanged: (value) {
+                            setState(() {
+                              isDone = !isDone;
+                            });
+                          },
+                        )
                       ],
                     ),
-                  ),
-                ],
+                    Text(
+                      'subtitle',
+                      style: TextStyle(
+                          fontSize: 16,
+                          fontWeight: FontWeight.w400,
+                          color: Colors.grey.shade400),
+                    ),
+                    Spacer(),
+                    edit_time()
+                  ],
+                ),
               ),
-            ),
+            ],
           ),
         ),
       ),