business Empty screen

business Empty screen design Bottom Navigation Bar finished

openclosenew/lib/businessempty.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:dotted_border/dotted_border.dart';
 
 class businessempty extends StatefulWidget {
   const businessempty({Key? key}) : super(key: key);
@@ -8,63 +9,163 @@ class businessempty extends StatefulWidget {
 }
 
 class _businessemptyState extends State<businessempty> {
+  int _selectedIndex = 0;
+  static const TextStyle optionStyle = TextStyle(
+    fontFamily: 'Manrope',
+    fontSize: 10,
+    fontWeight: FontWeight.w400,
+    fontStyle: FontStyle.normal,
+  );
+  static const List<Widget> _widgetOptions = <Widget>[
+    Text(
+      'Index 0: Home',
+      style: optionStyle,
+    ),
+    Text(
+      'Index 1: Business',
+      style: optionStyle,
+    ),
+    Text(
+      'Index 2: School',
+      style: optionStyle,
+    ),
+  ];
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       backgroundColor: Colors.white,
-      body: SafeArea(
+      body: Column(
-        child: Row(
+        children: [
-          crossAxisAlignment: CrossAxisAlignment.start,
+          SafeArea(
-          mainAxisAlignment: MainAxisAlignment.center,
+            child: Row(
-          children: [
-            Container(
-              height: 50,
-              width: 50,
-              margin: EdgeInsets.all(20),
-              decoration: BoxDecoration(
-                borderRadius: BorderRadius.circular(50),
-                color: Colors.grey,
-              ),
-            ),
-            Column(
               crossAxisAlignment: CrossAxisAlignment.start,
+              mainAxisAlignment: MainAxisAlignment.center,
               children: [
-                SizedBox(
+                Container(
-                  height: 25,
+                  height: 50,
-                ),
+                  width: 50,
-                Text(
+                  margin: EdgeInsets.all(20),
-                  'Hi, Sudharsan',
+                  decoration: BoxDecoration(
-                  style: TextStyle(
+                    borderRadius: BorderRadius.circular(50),
-                    color: Colors.black,
+                    color: Colors.grey,
-                    fontSize: 16,
-                    fontFamily: 'Manrope',
-                    fontStyle: FontStyle.normal,
-                    fontWeight: FontWeight.w600,
                   ),
                 ),
-                Text(
+                Column(
-                  'Mon, 02 May 2022',
+                  crossAxisAlignment: CrossAxisAlignment.start,
-                  style: TextStyle(
+                  children: [
-                    fontFamily: 'Manrope',
+                    SizedBox(
-                    fontStyle: FontStyle.normal,
+                      height: 25,
-                    fontWeight: FontWeight.w500,
+                    ),
-                    fontSize: 11,
+                    Text(
+                      'Hi, Sudharsan',
+                      style: TextStyle(
+                        color: Colors.black,
+                        fontSize: 16,
+                        fontFamily: 'Manrope',
+                        fontStyle: FontStyle.normal,
+                        fontWeight: FontWeight.w600,
+                      ),
+                    ),
+                    Text(
+                      'Mon, 02 May 2022',
+                      style: TextStyle(
+                        fontFamily: 'Manrope',
+                        fontStyle: FontStyle.normal,
+                        fontWeight: FontWeight.w500,
+                        fontSize: 11,
+                      ),
+                    ),
+                  ],
+                ),
+                Spacer(),
+                Padding(
+                  padding: const EdgeInsets.only(top: 20),
+                  child: IconButton(
+                    icon: Image.asset('assets/images/bell.png'),
+                    onPressed: () {
+                      Navigator.pop(context);
+                    },
                   ),
                 ),
               ],
             ),
-            Spacer(),
+          ),
-            Padding(
+          Spacer(),
-              padding: const EdgeInsets.only(top: 20),
+          Column(
-              child: IconButton(
+            crossAxisAlignment: CrossAxisAlignment.center,
-                icon: Image.asset('assets/images/bell.png'),
+            mainAxisAlignment: MainAxisAlignment.center,
-                onPressed: () {
+            children: [
-                  Navigator.pop(context);
+              DottedBorder(
-                },
+                color: Color(0xff09CD99),
+                padding: EdgeInsets.all(5),
+                radius: Radius.circular(6),
+                child: Container(
+                  height: 100,
+                  width: 330,
+                  child: Column(
+                    mainAxisAlignment: MainAxisAlignment.center,
+                    children: [
+                      IconButton(
+                        icon: Image.asset('assets/images/shop.png'),
+                        onPressed: () {
+                          Navigator.pop(context);
+                        },
+                      ),
+                      Text(
+                        'Add your Business',
+                        style: TextStyle(
+                          fontFamily: 'Manrope',
+                          fontStyle: FontStyle.normal,
+                          fontWeight: FontWeight.w400,
+                          fontSize: 14,
+                          color: Color(0xff09CD99),
+                        ),
+                      )
+                    ],
+                  ),
+                ),
               ),
-            ),
+            ],
-          ],
+          ),
-        ),
+          Spacer(),
+          BottomNavigationBar(
+            unselectedFontSize: 12,
+            selectedFontSize: 12,
+            type: BottomNavigationBarType.fixed,
+            items: const <BottomNavigationBarItem>[
+              BottomNavigationBarItem(
+                icon: Icon(Icons.storefront_rounded),
+                label: 'Business',
+              ),
+              BottomNavigationBarItem(
+                icon: Icon(Icons.snapchat_outlined),
+                label: 'Chat',
+              ),
+              BottomNavigationBarItem(
+                icon: Icon(Icons.discount_rounded),
+                label: 'Offer',
+              ),
+              BottomNavigationBarItem(
+                icon: Icon(Icons.school),
+                label: 'Profile',
+              ),
+              BottomNavigationBarItem(
+                icon: Icon(Icons.settings_outlined),
+                label: 'Settings',
+              ),
+            ],
+            currentIndex: _selectedIndex,
+            selectedItemColor: Color(0xff09CD99),
+            onTap: _onItemTapped,
+          ),
+        ],
       ),
     );
   }

openclosenew/pubspec.lock

@@ -56,7 +56,7 @@ packages:
       name: collection
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.16.0"
+    version: "1.15.0"
   cross_file:
     dependency: transitive
     description:
@@ -98,7 +98,7 @@ packages:
       name: fake_async
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.3.0"
+    version: "1.2.0"
   ffi:
     dependency: transitive
     description:
@@ -232,7 +232,7 @@ packages:
       name: js
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.6.4"
+    version: "0.6.3"
   libphonenumber:
     dependency: transitive
     description:
@@ -281,7 +281,7 @@ packages:
       name: material_color_utilities
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.1.4"
+    version: "0.1.3"
   meta:
     dependency: transitive
     description:
@@ -295,7 +295,7 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.1"
+    version: "1.8.0"
   path_drawing:
     dependency: transitive
     description:
@@ -461,7 +461,7 @@ packages:
       name: source_span
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
@@ -496,7 +496,7 @@ packages:
       name: test_api
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "0.4.9"
+    version: "0.4.8"
   typed_data:
     dependency: transitive
     description:
@@ -517,7 +517,7 @@ packages:
       name: vector_math
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "2.1.2"
+    version: "2.1.1"
   win32:
     dependency: transitive
     description:
@@ -547,5 +547,5 @@ packages:
     source: hosted
     version: "3.1.0"
 sdks:
-  dart: ">=2.17.0-0 <3.0.0"
+  dart: ">=2.16.2 <3.0.0"
   flutter: ">=2.10.0-0"