OpenCloseApp/BusinessAppFlutter
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

business details design completed

Browse Source
This commit is contained in:
vignesh 2022-05-23 12:11:12 +05:30
parent 0a6467afc9
commit a0a6ba3860
5 changed files with 1179 additions and 829 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
openclosenew/assets/images/Ticket.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
openclosenew/assets/images/ticket1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

20
openclosenew/lib/11_busiesshome.dart
View File

@ -17,26 +17,6 @@ class _businesshomeState extends State<businesshome> {
bool status2 = true;
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(() {

406
openclosenew/lib/businessdetail.dart
View File

@ -1,6 +1,5 @@
import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';
import 'package:openclosenew/thankyou.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
class businessdetail extends StatefulWidget {
@ -12,21 +11,43 @@ class businessdetail extends StatefulWidget {
class _businessdetailState extends State<businessdetail>
with TickerProviderStateMixin {
bool status = true;
bool status = false;
int pageIndex = 0;
int _selectedIndex = 0;
void _onItemTapped(int index) {
setState(() {
_selectedIndex = index;
});
}
final _Controller = PageController();
Color _textColor = Colors.black;
Color _appBarColor = Color.fromRGBO(36, 41, 46, 1);
Color _scaffoldBgcolor = Colors.white;
@override
Widget build(BuildContext context) {
TabController _tabController = TabController(length: 4, vsync: this);
return Scaffold(
return Theme(
data: ThemeData(
textTheme: TextTheme(
bodyText1: TextStyle(color: _textColor),
bodyText2: TextStyle(color: _textColor),
),
),
child: Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Container(
height: 500,
height: 400,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: Stack(
children: [
Container(
@ -41,6 +62,11 @@ class _businessdetailState extends State<businessdetail>
bottomRight: Radius.circular(20),
),
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Padding(
padding: const EdgeInsets.only(
left: 10, right: 10, bottom: 120),
@ -71,6 +97,15 @@ class _businessdetailState extends State<businessdetail>
onToggle: (val) {
setState(() {
status = val;
if (val) {
_textColor = Colors.black;
_scaffoldBgcolor = Colors.white;
} else {
_textColor = Colors.white;
_scaffoldBgcolor = Colors.grey;
}
});
},
activeText: "OPEN",
@ -94,7 +129,8 @@ class _businessdetailState extends State<businessdetail>
Align(
alignment: Alignment.center,
child: Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 60),
margin:
EdgeInsets.only(right: 20, left: 20, top: 150),
padding: EdgeInsets.all(12),
height: 270,
decoration: BoxDecoration(
@ -111,6 +147,11 @@ class _businessdetailState extends State<businessdetail>
),
],
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Column(
children: [
Row(
@ -185,7 +226,8 @@ class _businessdetailState extends State<businessdetail>
child: Padding(
padding: const EdgeInsets.only(left: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Row(
children: [
@ -204,7 +246,7 @@ class _businessdetailState extends State<businessdetail>
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 13,
),
color: Colors.black),
),
SizedBox(
width: 10,
@ -224,7 +266,7 @@ class _businessdetailState extends State<businessdetail>
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 13,
),
color: Colors.black),
),
],
),
@ -248,8 +290,10 @@ class _businessdetailState extends State<businessdetail>
" +91 98651 76796, +91 76786 85869",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontStyle:
FontStyle.normal,
fontWeight:
FontWeight.w500,
fontSize: 12,
color: Color(0xFF5C5C5C),
),
@ -353,11 +397,16 @@ class _businessdetailState extends State<businessdetail>
),
Container(
height: 100,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Padding(
padding: const EdgeInsets.only(left: 22, right: 10),
padding:
const EdgeInsets.only(left: 22, right: 10, top: 20),
child: InkWell(
onTap: () {},
child: Container(
@ -409,7 +458,8 @@ class _businessdetailState extends State<businessdetail>
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 22),
padding:
const EdgeInsets.only(left: 22, right: 10, top: 20),
child: InkWell(
onTap: () {},
child: Container(
@ -500,6 +550,10 @@ class _businessdetailState extends State<businessdetail>
),
),
Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 150,
child: ListView(
scrollDirection: Axis.horizontal,
@ -656,7 +710,8 @@ class _businessdetailState extends State<businessdetail>
),
),
Padding(
padding: const EdgeInsets.only(left: 15, right: 15, top: 5),
padding: const EdgeInsets.only(
left: 15, right: 15, top: 5, bottom: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
@ -681,7 +736,11 @@ class _businessdetailState extends State<businessdetail>
),
),
Container(
height: 150,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 100,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
@ -756,9 +815,9 @@ class _businessdetailState extends State<businessdetail>
),
),
Padding(
padding: const EdgeInsets.only(left: 15, right: 15, top: 5),
padding: const EdgeInsets.only(
left: 15, right: 15, bottom: 10, top: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Services",
@ -782,14 +841,15 @@ class _businessdetailState extends State<businessdetail>
),
Align(
alignment: Alignment.centerLeft,
child: Padding(
padding: const EdgeInsets.only(left: 10, right: 10),
child: TabBar(
controller: _tabController,
labelColor: Color(0xFF3D3D3D),
isScrollable: true,
labelPadding: EdgeInsets.symmetric(horizontal: 25),
indicator: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Color(0xFFE4E4E4),
color: Colors.black26,
),
tabs: [
Tab(
@ -843,9 +903,319 @@ class _businessdetailState extends State<businessdetail>
],
),
),
),
Padding(
padding: const EdgeInsets.only(
left: 15, right: 15, top: 5, bottom: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Offers",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 20,
color: Color(0xFF3D3D3D),
),
),
Spacer(),
IconButton(
icon: Image.asset('assets/images/arrow-right.png'),
onPressed: () {
Navigator.pop(context);
},
),
],
),
),
Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 100,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Padding(
padding: const EdgeInsets.only(left: 22, right: 10),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/offer.png',
),
scale: 2,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"WELCOME OFFER !",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Text(
"Get 50% discount on your first order",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 22),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/offer.png',
),
scale: 2,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"WELCOME OFFER !",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Text(
"Get 50% discount on your first order",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
],
),
),
Padding(
padding: const EdgeInsets.only(
left: 15, right: 15, top: 5, bottom: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"Coupons",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 20,
color: Color(0xFF3D3D3D),
),
),
Spacer(),
IconButton(
icon: Image.asset('assets/images/arrow-right.png'),
onPressed: () {
Navigator.pop(context);
},
),
],
),
),
Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 100,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Padding(
padding: const EdgeInsets.only(left: 22, right: 10),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/Ticket.png',
),
scale: 2.5,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
"FEST500",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Padding(
padding:
const EdgeInsets.only(left: 15),
child: Image.asset(
'assets/images/ticket1.png',
width: 25,
height: 25,
),
),
],
),
Text(
"Get 50% discount on festival offer",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 22, right: 10),
child: InkWell(
onTap: () {},
child: Container(
width: 350,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
image: const DecorationImage(
alignment: Alignment.centerLeft,
image: AssetImage(
'assets/images/Ticket.png',
),
scale: 2.5,
),
borderRadius: BorderRadius.all(
Radius.circular(10),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Text(
"FEST500",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w700,
fontSize: 20,
color: Color(0xFF09CD99),
),
),
Padding(
padding:
const EdgeInsets.only(left: 15),
child: Image.asset(
'assets/images/ticket1.png',
width: 25,
height: 25,
),
),
],
),
Text(
"Get 50% discount on festival offer",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
),
),
],
),
),
],
),
),
),
),
);
}

18
openclosenew/pubspec.lock
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:
@ -239,7 +239,7 @@ packages:
name: js
url: "https://pub.dartlang.org"
source: hosted
version: "0.6.4"
version: "0.6.3"
libphonenumber:
dependency: transitive
description:
@ -288,7 +288,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:
@ -302,7 +302,7 @@ packages:
name: path
url: "https://pub.dartlang.org"
source: hosted
version: "1.8.1"
version: "1.8.0"
path_drawing:
dependency: transitive
description:
@ -475,7 +475,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:
@ -510,7 +510,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:
@ -531,7 +531,7 @@ packages:
name: vector_math
url: "https://pub.dartlang.org"
source: hosted
version: "2.1.2"
version: "2.1.1"
win32:
dependency: transitive
description:
@ -561,5 +561,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"