business home Screen button function completed

This commit is contained in:
vignesh 2022-05-17 00:35:03 +05:30
parent 70e4627c67
commit 9abcd2cde9
3 changed files with 531 additions and 308 deletions

View File

@ -50,289 +50,303 @@ class _addbusinessState extends State<addbusiness> {
loadData(); loadData();
loadData1(); loadData1();
return Scaffold( return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: Colors.white, backgroundColor: Colors.white,
body: SafeArea( body: SafeArea(
child: Column( child: SingleChildScrollView(
children: [ child: Column(
Padding( children: [
padding: const EdgeInsets.only(left: 15, right: 24), Padding(
child: Row( padding: const EdgeInsets.only(left: 15, right: 24),
children: [ child: Row(
IconButton( children: [
icon: Icon(Icons.arrow_back, size: 24), IconButton(
onPressed: () { icon: Icon(Icons.arrow_back, size: 24),
Navigator.pop(context); onPressed: () {
}, Navigator.pop(context);
), },
SizedBox(
width: 20,
),
Text(
'Add Business',
style: TextStyle(
fontSize: 15,
color: Color(0xff3D3D3D),
fontFamily: 'assets/fonts/Manrope-Medium.ttf',
), ),
), SizedBox(
], width: 20,
),
),
Container(
child: Column(
children: [
Image.asset(
'assets/images/gallery-icon.png',
),
SizedBox(
height: 10,
),
Text(
'Uploading Logo',
style: TextStyle(
color: Colors.grey,
fontSize: 14,
fontWeight: FontWeight.w400,
fontFamily: 'Manrope'),
),
],
),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white,
),
margin: EdgeInsets.all(15),
padding: EdgeInsets.all(30),
),
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(
left: 24,
right: 24,
), ),
child: Text( Text(
'Business Name', 'Add Business',
style: TextStyle( style: TextStyle(
fontFamily: "Manrope", fontSize: 15,
fontSize: 14, color: Color(0xff3D3D3D),
color: Color(0xff333333), fontFamily: 'assets/fonts/Manrope-Medium.ttf',
), ),
), ),
), ],
Padding( ),
padding: const EdgeInsets.only(left: 24, right: 24, top: 5), ),
child: TextField( Container(
decoration: InputDecoration( child: Column(
contentPadding: children: [
EdgeInsets.only(left: 10, top: 5, bottom: 5), Image.asset(
border: OutlineInputBorder( 'assets/images/gallery-icon.png',
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
),
), ),
), SizedBox(
Padding( height: 10,
padding: const EdgeInsets.only(
left: 24,
top: 5,
right: 24,
), ),
child: Text( Text(
'Contact Number', 'Uploading Logo',
style: TextStyle( style: TextStyle(
fontFamily: "Manrope", color: Colors.grey,
fontSize: 14, fontSize: 14,
color: Color(0xff333333), fontWeight: FontWeight.w400,
fontFamily: 'Manrope'),
),
],
),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white,
),
margin: EdgeInsets.all(15),
padding: EdgeInsets.all(30),
),
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(
left: 24,
right: 24,
),
child: Text(
'Business Name',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
), ),
), ),
), Padding(
Padding( padding:
padding: const EdgeInsets.only(left: 24, right: 24, top: 5), const EdgeInsets.only(left: 24, right: 24, top: 5),
child: TextField( child: TextField(
decoration: InputDecoration( decoration: InputDecoration(
contentPadding: contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5), EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder( border: OutlineInputBorder(
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(5), Radius.circular(5),
),
), ),
hintText: 'Type here...',
), ),
hintText: 'Type here...',
),
keyboardType: TextInputType.number,
),
),
Padding(
padding: const EdgeInsets.only(left: 24, top: 5, right: 24),
child: Text(
'Tell about your business...',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
), ),
), ),
), Padding(
Padding( padding: const EdgeInsets.only(
padding: const EdgeInsets.only(left: 24, right: 24, top: 5), left: 24,
child: TextField( top: 5,
maxLines: 4, right: 24,
keyboardType: TextInputType.multiline, ),
decoration: InputDecoration( child: Text(
contentPadding: 'Contact Number',
EdgeInsets.only(left: 10, top: 5, bottom: 5), style: TextStyle(
border: OutlineInputBorder( fontFamily: "Manrope",
borderRadius: BorderRadius.all( fontSize: 14,
Radius.circular(5), color: Color(0xff333333),
),
),
),
Padding(
padding:
const EdgeInsets.only(left: 24, right: 24, top: 5),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
), ),
hintText: 'Type here...',
), ),
hintText: 'Type here...', keyboardType: TextInputType.number,
), ),
), ),
), Padding(
Padding( padding:
padding: const EdgeInsets.only(top: 5), const EdgeInsets.only(left: 24, top: 5, right: 24),
child: Row( child: Text(
children: [ 'Tell about your business...',
SizedBox( style: TextStyle(
width: 28, fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
), ),
Text('Industry'), ),
SizedBox(
width: 120,
),
Text('Category'),
],
), ),
), Padding(
Padding( padding:
padding: const EdgeInsets.only(top: 5, right: 24), const EdgeInsets.only(left: 24, right: 24, top: 5),
child: Row( child: TextField(
children: [ maxLines: 4,
SizedBox( keyboardType: TextInputType.multiline,
width: 28, decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
), ),
Expanded( ),
child: InputDecorator( ),
decoration: InputDecoration( Padding(
contentPadding: EdgeInsets.only( padding: const EdgeInsets.only(top: 5),
left: 10, top: 1, bottom: 1, right: 5), child: Row(
border: OutlineInputBorder( children: [
borderRadius: BorderRadius.only( SizedBox(
topLeft: Radius.circular(5), width: 28,
bottomLeft: Radius.circular(5), ),
Text('Industry'),
SizedBox(
width: 120,
),
Text('Category'),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 5, right: 24),
child: Row(
children: [
SizedBox(
width: 28,
),
Expanded(
child: InputDecorator(
decoration: InputDecoration(
contentPadding: EdgeInsets.only(
left: 10, top: 1, bottom: 1, right: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(5),
bottomLeft: Radius.circular(5),
),
),
),
child: DropdownButtonHideUnderline(
child: new DropdownButton(
borderRadius: BorderRadius.circular(10),
value: selected,
items: listDrop,
icon:
Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected = value as String?;
setState(() {});
},
), ),
), ),
), ),
child: DropdownButtonHideUnderline( ),
child: new DropdownButton( Expanded(
value: selected, child: InputDecorator(
items: listDrop, decoration: InputDecoration(
icon: Icon(Icons.keyboard_arrow_down, size: 24), contentPadding: EdgeInsets.only(
hint: new Text('Choose...'), left: 10, top: 1, bottom: 1, right: 5),
onChanged: (value) { border: OutlineInputBorder(
selected = value as String?; borderRadius: BorderRadius.only(
setState(() {}); topRight: Radius.circular(5),
}, bottomRight: Radius.circular(5),
),
),
),
child: DropdownButtonHideUnderline(
child: new DropdownButton(
borderRadius: BorderRadius.circular(10),
value: selected1,
items: listDrop1,
icon:
Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected1 = value as String?;
setState(() {});
},
),
),
),
),
],
),
),
SizedBox(
height: 5,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(left: 28),
child: Text(
'Address',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
SizedBox(
height: 5,
),
Padding(
padding: const EdgeInsets.only(left: 28, right: 24),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
suffixIcon: Icon(
Icons.location_on_outlined,
color: Color(0xff09CD99),
), ),
), ),
), ),
), ),
Expanded( SizedBox(
child: InputDecorator( height: 50,
decoration: InputDecoration( ),
contentPadding: EdgeInsets.only( MaterialButton(
left: 10, top: 1, bottom: 1, right: 5), height: 50,
border: OutlineInputBorder( minWidth: double.infinity,
borderRadius: BorderRadius.only( color: Color(0xff12C193),
topRight: Radius.circular(5), onPressed: () {
bottomRight: Radius.circular(5), Navigator.push(
), context,
), MaterialPageRoute(
), builder: (_) => businessaddedsuccess()));
child: DropdownButtonHideUnderline( },
child: new DropdownButton( child: Text(
value: selected1, 'Save',
items: listDrop1, style: TextStyle(color: Colors.white, fontSize: 15),
icon: Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected1 = value as String?;
setState(() {});
},
),
),
), ),
), ),
], ],
), ),
), ],
SizedBox( ),
height: 5,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(left: 28),
child: Text(
'Address',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
SizedBox(
height: 5,
),
Padding(
padding: const EdgeInsets.only(left: 28, right: 24),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
suffixIcon: Icon(
Icons.location_on_outlined,
color: Color(0xff09CD99),
),
),
),
),
],
),
],
), ),
), ],
Spacer(), ),
MaterialButton(
height: 50,
minWidth: double.infinity,
color: Color(0xff12C193),
onPressed: () {
Navigator.push(context,
MaterialPageRoute(builder: (_) => businessaddedsuccess()));
},
child: Text(
'Save',
style: TextStyle(color: Colors.white, fontSize: 15),
),
),
],
), ),
), ),
); );

View File

@ -1,9 +1,9 @@
import 'dart:ffi';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:openclosenew/businessempty.dart'; import 'package:openclosenew/businessempty.dart';
import 'package:flutter_switch/flutter_switch.dart'; import 'package:flutter_switch/flutter_switch.dart';
import '07_addbusiness.dart';
class businesshome extends StatefulWidget { class businesshome extends StatefulWidget {
const businesshome({Key? key}) : super(key: key); const businesshome({Key? key}) : super(key: key);
@ -12,9 +12,9 @@ class businesshome extends StatefulWidget {
} }
class _businesshomeState extends State<businesshome> { class _businesshomeState extends State<businesshome> {
bool status = true; bool status = false;
bool status1 = false;
static const Color newColor = Colors.black; bool status2 = false;
int _selectedIndex = 0; int _selectedIndex = 0;
static const TextStyle optionStyle = TextStyle( static const TextStyle optionStyle = TextStyle(
@ -115,16 +115,21 @@ class _businesshomeState extends State<businesshome> {
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
width: 320, width: 350,
margin: EdgeInsets.only(right: 10), margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration( decoration: BoxDecoration(
image: const DecorationImage( image: const DecorationImage(
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
image: AssetImage('assets/images/status.png'), image: AssetImage('assets/images/status.png'),
), ),
color: Color(0xFF09CD99),
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(5), Radius.circular(10),
),
gradient: LinearGradient(
colors: [
Color(0xFF09CD99),
Color(0xFF09B5CD),
],
), ),
), ),
child: Padding( child: Padding(
@ -173,7 +178,8 @@ class _businesshomeState extends State<businesshome> {
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
width: 320, alignment: Alignment.center,
width: 350,
margin: EdgeInsets.only(right: 10), margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration( decoration: BoxDecoration(
image: const DecorationImage( image: const DecorationImage(
@ -182,7 +188,13 @@ class _businesshomeState extends State<businesshome> {
), ),
color: Color(0xFF09CD99), color: Color(0xFF09CD99),
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(5), Radius.circular(10),
),
gradient: LinearGradient(
colors: [
Color(0xFF09CD99),
Color(0xFF09B5CD),
],
), ),
), ),
child: Padding( child: Padding(
@ -231,7 +243,7 @@ class _businesshomeState extends State<businesshome> {
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
width: 320, width: 330,
margin: EdgeInsets.only(right: 10), margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration( decoration: BoxDecoration(
image: const DecorationImage( image: const DecorationImage(
@ -240,7 +252,13 @@ class _businesshomeState extends State<businesshome> {
), ),
color: Color(0xFF09CD99), color: Color(0xFF09CD99),
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(5), Radius.circular(10),
),
gradient: LinearGradient(
colors: [
Color(0xFF09CD99),
Color(0xFF09B5CD),
],
), ),
), ),
child: Padding( child: Padding(
@ -320,7 +338,10 @@ class _businesshomeState extends State<businesshome> {
color: Color(0xFF09CD99), color: Color(0xFF09CD99),
), ),
), ),
onPressed: () {}, onPressed: () {
Navigator.push(context,
MaterialPageRoute(builder: (_) => addbusiness()));
},
), ),
), ),
], ],
@ -331,15 +352,14 @@ class _businesshomeState extends State<businesshome> {
scrollDirection: Axis.vertical, scrollDirection: Axis.vertical,
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.only(left: 24), padding: const EdgeInsets.only(left: 15),
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
width: 165, width: 170,
height: 200, height: 200,
margin: EdgeInsets.only(right: 20), margin: EdgeInsets.only(right: 15),
decoration: BoxDecoration( decoration: BoxDecoration(
color: newColor,
image: const DecorationImage( image: const DecorationImage(
image: AssetImage('assets/images/bg.png'), image: AssetImage('assets/images/bg.png'),
fit: BoxFit.fitHeight, fit: BoxFit.fitHeight,
@ -391,9 +411,10 @@ class _businesshomeState extends State<businesshome> {
), ),
), ),
), ),
Spacer(),
Padding( Padding(
padding: padding: const EdgeInsets.only(
const EdgeInsets.only(top: 100, left: 3), top: 100, left: 3, right: 3),
child: FlutterSwitch( child: FlutterSwitch(
width: 105, width: 105,
height: 40, height: 40,
@ -454,60 +475,247 @@ class _businesshomeState extends State<businesshome> {
), ),
), ),
Padding( Padding(
padding: const EdgeInsets.only(left: 22), padding: const EdgeInsets.only(left: 15, top: 10),
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
width: 160, width: 170,
height: 200, height: 200,
margin: EdgeInsets.only(right: 10, top: 10), margin: EdgeInsets.only(right: 15),
decoration: BoxDecoration( decoration: BoxDecoration(
image: const DecorationImage( image: const DecorationImage(
alignment: Alignment.centerRight, image: AssetImage('assets/images/bg.png'),
image: AssetImage('assets/images/status.png'), fit: BoxFit.fitHeight,
), ),
color: Color(0xFF09CD99),
borderRadius: BorderRadius.all( borderRadius: BorderRadius.all(
Radius.circular(5), Radius.circular(5),
), ),
), ),
child: Padding( child: Column(
padding: const EdgeInsets.all(14), crossAxisAlignment: CrossAxisAlignment.start,
child: Column( mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start, children: [
children: [ Row(
Text( children: [
"Today", Padding(
style: TextStyle( padding: const EdgeInsets.only(
fontFamily: 'Manrope', left: 15,
fontStyle: FontStyle.normal, top: 100,
fontWeight: FontWeight.w400, ),
fontSize: 14, child: RichText(
color: Colors.white, text: TextSpan(
text: "Barbeque Nation ",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 18,
color: Colors.white,
),
children: [
TextSpan(
text: "42 ",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFFFFBE3F),
),
),
WidgetSpan(
child: Icon(
Icons.star,
color: Color(0xFFFFBE3F),
size: 18,
),
),
],
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(
top: 100, left: 3, right: 3),
child: FlutterSwitch(
width: 105,
height: 40,
valueFontSize: 15,
toggleSize: 25,
value: status1,
borderRadius: 30.0,
padding: 8.0,
showOnOff: true,
onToggle: (val) {
setState(() {
status1 = val;
});
},
activeText: "OPEN",
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
inactiveText: "CLOSED",
inactiveTextColor: Colors.white,
inactiveTextFontWeight: FontWeight.w600,
inactiveColor: Color(0xFFFF4B4C),
),
),
],
),
Padding(
padding: const EdgeInsets.only(
left: 10,
),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Icon(
Icons.location_on_outlined,
color: Colors.white,
size: 20,
),
),
TextSpan(
text: "Town Hall, Coimbatore",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 14,
color: Colors.white,
),
),
],
), ),
), ),
Text( ),
"42", ],
style: TextStyle( ),
fontFamily: 'Manrope', ),
fontStyle: FontStyle.normal, ),
fontWeight: FontWeight.w400, ),
fontSize: 26, Padding(
color: Colors.white, padding: const EdgeInsets.only(left: 15, top: 10),
), child: InkWell(
), onTap: () {},
Text( child: Container(
"Visitors viewed Barbeque Nation", width: 170,
style: TextStyle( height: 200,
fontFamily: 'Manrope', margin: EdgeInsets.only(right: 15),
fontStyle: FontStyle.normal, decoration: BoxDecoration(
fontWeight: FontWeight.w400, image: const DecorationImage(
fontSize: 12, image: AssetImage('assets/images/bg.png'),
color: Colors.white, fit: BoxFit.fitHeight,
),
),
],
), ),
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Row(
children: [
Padding(
padding: const EdgeInsets.only(
left: 15,
top: 100,
),
child: RichText(
text: TextSpan(
text: "Barbeque Nation ",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 18,
color: Colors.white,
),
children: [
TextSpan(
text: "42 ",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFFFFBE3F),
),
),
WidgetSpan(
child: Icon(
Icons.star,
color: Color(0xFFFFBE3F),
size: 18,
),
),
],
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(
top: 100, left: 3, right: 3),
child: FlutterSwitch(
width: 105,
height: 40,
valueFontSize: 15,
toggleSize: 25,
value: status2,
borderRadius: 30.0,
padding: 8.0,
showOnOff: true,
onToggle: (val) {
setState(() {
status2 = val;
});
},
activeText: "OPEN",
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
inactiveText: "CLOSED",
inactiveTextColor: Colors.white,
inactiveTextFontWeight: FontWeight.w600,
inactiveColor: Color(0xFFFF4B4C),
),
),
],
),
Padding(
padding: const EdgeInsets.only(
left: 10,
),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
child: Icon(
Icons.location_on_outlined,
color: Colors.white,
size: 20,
),
),
TextSpan(
text: "Town Hall, Coimbatore",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 14,
color: Colors.white,
),
),
],
),
),
),
],
), ),
), ),
), ),

View File

@ -12,8 +12,9 @@ class MyApp extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return MaterialApp( return MaterialApp(
color: Colors.white,
debugShowCheckedModeBanner: false, debugShowCheckedModeBanner: false,
theme: ThemeData(primarySwatch: Colors.green, fontFamily: 'Manrope'), theme: ThemeData(fontFamily: 'Manrope'),
home: const Splash(), home: const Splash(),
); );
} }