business Home page almost completed
Before Width: | Height: | Size: 544 B After Width: | Height: | Size: 6.9 KiB |
Before Width: | Height: | Size: 442 B After Width: | Height: | Size: 3.6 KiB |
Before Width: | Height: | Size: 721 B After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 1.0 KiB After Width: | Height: | Size: 18 KiB |
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 25 KiB |
BIN
openclosenew/assets/images/bg.png
Normal file
After Width: | Height: | Size: 409 KiB |
@ -1,5 +1,8 @@
|
||||
import 'dart:ffi';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:dotted_border/dotted_border.dart';
|
||||
import 'package:openclosenew/businessempty.dart';
|
||||
import 'package:flutter_switch/flutter_switch.dart';
|
||||
|
||||
class businesshome extends StatefulWidget {
|
||||
const businesshome({Key? key}) : super(key: key);
|
||||
@ -9,6 +12,10 @@ class businesshome extends StatefulWidget {
|
||||
}
|
||||
|
||||
class _businesshomeState extends State<businesshome> {
|
||||
bool status = true;
|
||||
|
||||
static const Color newColor = Colors.black;
|
||||
|
||||
int _selectedIndex = 0;
|
||||
static const TextStyle optionStyle = TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
@ -98,19 +105,18 @@ class _businesshomeState extends State<businesshome> {
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
SingleChildScrollView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
child: Container(
|
||||
margin: const EdgeInsets.symmetric(vertical: 20, horizontal: 20),
|
||||
child: FittedBox(
|
||||
fit: BoxFit.fill,
|
||||
alignment: Alignment.topCenter,
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
width: 350,
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
height: 100,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 22),
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: 320,
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerRight,
|
||||
@ -160,19 +166,313 @@ class _businesshomeState extends State<businesshome> {
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 350,
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: 320,
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerRight,
|
||||
image: AssetImage('assets/images/status.png'),
|
||||
),
|
||||
color: Color(0xFF09CD99),
|
||||
borderRadius: BorderRadius.all(Radius.circular(5))),
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(5),
|
||||
),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
padding: const EdgeInsets.all(14),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Today",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 14,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"43",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 26,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Visitors viewed Barbeque Nation",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 12,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 10),
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: 320,
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerRight,
|
||||
image: AssetImage('assets/images/status.png'),
|
||||
),
|
||||
color: Color(0xFF09CD99),
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(5),
|
||||
),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(14),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Today",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 14,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"44",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 26,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Visitors viewed Barbeque Nation",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 12,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Row(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24),
|
||||
child: Text(
|
||||
'My Businesses',
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 15),
|
||||
child: TextButton.icon(
|
||||
icon: Icon(
|
||||
Icons.add,
|
||||
color: Color(0xFF09CD99),
|
||||
),
|
||||
label: Text(
|
||||
"Add Business",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 12,
|
||||
color: Color(0xFF09CD99),
|
||||
),
|
||||
),
|
||||
onPressed: () {},
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Container(
|
||||
height: 420,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.vertical,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24),
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: 165,
|
||||
height: 200,
|
||||
margin: EdgeInsets.only(right: 20),
|
||||
decoration: BoxDecoration(
|
||||
color: newColor,
|
||||
image: const DecorationImage(
|
||||
image: AssetImage('assets/images/bg.png'),
|
||||
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,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsets.only(top: 100, left: 3),
|
||||
child: FlutterSwitch(
|
||||
width: 105,
|
||||
height: 40,
|
||||
valueFontSize: 15,
|
||||
toggleSize: 25,
|
||||
value: status,
|
||||
borderRadius: 30.0,
|
||||
padding: 8.0,
|
||||
showOnOff: true,
|
||||
onToggle: (val) {
|
||||
setState(() {
|
||||
status = 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,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 22),
|
||||
child: InkWell(
|
||||
onTap: () {},
|
||||
child: Container(
|
||||
width: 160,
|
||||
height: 200,
|
||||
margin: EdgeInsets.only(right: 10, top: 10),
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerRight,
|
||||
image: AssetImage('assets/images/status.png'),
|
||||
),
|
||||
color: Color(0xFF09CD99),
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(5),
|
||||
),
|
||||
),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(14),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
@ -210,61 +510,11 @@ class _businesshomeState extends State<businesshome> {
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 350,
|
||||
margin: EdgeInsets.only(right: 10),
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerRight,
|
||||
image: AssetImage('assets/images/status.png'),
|
||||
),
|
||||
color: Color(0xFF09CD99),
|
||||
borderRadius: BorderRadius.all(Radius.circular(5))),
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(12),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Today",
|
||||
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,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Visitors viewed Barbeque Nation",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w400,
|
||||
fontSize: 12,
|
||||
color: Colors.white,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
BottomNavigationBar(
|
||||
iconSize: 20,
|
||||
|
@ -56,7 +56,7 @@ packages:
|
||||
name: collection
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.15.0"
|
||||
version: "1.16.0"
|
||||
cross_file:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -98,7 +98,7 @@ packages:
|
||||
name: fake_async
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.2.0"
|
||||
version: "1.3.0"
|
||||
ffi:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -139,6 +139,13 @@ packages:
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "2.0.6"
|
||||
flutter_switch:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: flutter_switch
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.3.2"
|
||||
flutter_test:
|
||||
dependency: "direct dev"
|
||||
description: flutter
|
||||
@ -232,7 +239,7 @@ packages:
|
||||
name: js
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.6.3"
|
||||
version: "0.6.4"
|
||||
libphonenumber:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -281,7 +288,7 @@ packages:
|
||||
name: material_color_utilities
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.1.3"
|
||||
version: "0.1.4"
|
||||
meta:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -295,7 +302,7 @@ packages:
|
||||
name: path
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.8.0"
|
||||
version: "1.8.1"
|
||||
path_drawing:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -461,7 +468,7 @@ packages:
|
||||
name: source_span
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.8.1"
|
||||
version: "1.8.2"
|
||||
stack_trace:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -496,7 +503,7 @@ packages:
|
||||
name: test_api
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.4.8"
|
||||
version: "0.4.9"
|
||||
typed_data:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -517,7 +524,7 @@ packages:
|
||||
name: vector_math
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "2.1.1"
|
||||
version: "2.1.2"
|
||||
win32:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -547,5 +554,5 @@ packages:
|
||||
source: hosted
|
||||
version: "3.1.0"
|
||||
sdks:
|
||||
dart: ">=2.16.2 <3.0.0"
|
||||
dart: ">=2.17.0-0 <3.0.0"
|
||||
flutter: ">=2.10.0-0"
|
||||
|
@ -31,6 +31,7 @@ dependencies:
|
||||
sdk: flutter
|
||||
snippet_coder_utils: ^1.0.8
|
||||
dotted_border: ^2.0.0+2
|
||||
flutter_switch: ^0.3.2
|
||||
|
||||
|
||||
# The following adds the Cupertino Icons fonts to your application.
|
||||
|