Add Exit app dialog

Author: codewith-usama

lib/common_widgets/exit_dialog.dart

@@ -0,0 +1,42 @@
+import 'package:emart/common_widgets/custom_button.dart';
+import 'package:emart/consts/consts.dart';
+import 'package:flutter/services.dart';
+
+Widget exitDialog(context) {
+  return Dialog(
+    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+    child: Column(
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        "Want to exit App?".text.size(18).color(darkFontGrey).make(),
+        10.heightBox,
+        Row(
+          children: [
+            Expanded(
+              child: customButton(
+                title: "Yes",
+                color: redColor,
+                onPressed: () => SystemNavigator.pop(),
+                textColor: whiteColor,
+              ),
+            ),
+            const SizedBox(width: 30),
+            Expanded(
+              child: customButton(
+                title: "No",
+                color: darkFontGrey,
+                onPressed: () => Navigator.of(context).pop(),
+                textColor: whiteColor,
+              ),
+            ),
+          ],
+        ),
+      ],
+    )
+        .box
+        .rounded
+        .color(lightGrey)
+        .padding(const EdgeInsets.symmetric(horizontal: 20, vertical: 30))
+        .make(),
+  );
+}

lib/views/home_view/home.dart

@@ -1,5 +1,6 @@
 // ignore_for_file: must_be_immutable
 
+import 'package:emart/common_widgets/exit_dialog.dart';
 import 'package:emart/consts/consts.dart';
 import 'package:emart/views/cart_screen_view/cart_screen.dart';
 import 'package:emart/views/category_screen_view/category_screen.dart';
@@ -32,25 +33,35 @@ class Home extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      body: Column(
-        children: [
-          Obx(
-            () => Expanded(
-              child: navBody.elementAt(controller.currentNavIndex.value),
+    return WillPopScope(
+      onWillPop: () async {
+        showDialog(
+          context: context,
+          barrierDismissible: false,
+          builder: (context) => exitDialog(context),
+        );
+        return false;
+      },
+      child: Scaffold(
+        body: Column(
+          children: [
+            Obx(
+              () => Expanded(
+                child: navBody.elementAt(controller.currentNavIndex.value),
+              ),
             ),
+          ],
+        ),
+        bottomNavigationBar: Obx(
+          () => BottomNavigationBar(
+            currentIndex: controller.currentNavIndex.value,
+            type: BottomNavigationBarType.fixed,
+            selectedLabelStyle: const TextStyle(fontFamily: semibold),
+            selectedItemColor: redColor,
+            items: navbarItems,
+            backgroundColor: whiteColor,
+            onTap: (newIndex) => controller.currentNavIndex.value = newIndex,
           ),
-        ],
-      ),
-      bottomNavigationBar: Obx(
-        () => BottomNavigationBar(
-          currentIndex: controller.currentNavIndex.value,
-          type: BottomNavigationBarType.fixed,
-          selectedLabelStyle: const TextStyle(fontFamily: semibold),
-          selectedItemColor: redColor,
-          items: navbarItems,
-          backgroundColor: whiteColor,
-          onTap: (newIndex) => controller.currentNavIndex.value = newIndex,
         ),
       ),
     );