business Empty screen

business Empty screen design Bottom Navigation Bar finished
This commit is contained in:
vignesh 2022-05-14 12:30:36 +05:30
parent b1a13c7169
commit c0a19b4925
3 changed files with 154 additions and 53 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 689 B

View File

@ -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(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
height: 50,
width: 50,
margin: EdgeInsets.all(20),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.grey,
),
),
Column(
body: Column(
children: [
SafeArea(
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
height: 25,
),
Text(
'Hi, Sudharsan',
style: TextStyle(
color: Colors.black,
fontSize: 16,
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
Container(
height: 50,
width: 50,
margin: EdgeInsets.all(20),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(50),
color: Colors.grey,
),
),
Text(
'Mon, 02 May 2022',
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 11,
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(
height: 25,
),
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(
padding: const EdgeInsets.only(top: 20),
child: IconButton(
icon: Image.asset('assets/images/bell.png'),
onPressed: () {
Navigator.pop(context);
},
),
Spacer(),
Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: [
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,
),
],
),
);
}

View File

@ -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"