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; bool status2 = true;
int _selectedIndex = 0; 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) { void _onItemTapped(int index) {
setState(() { setState(() {

406
openclosenew/lib/businessdetail.dart
View File

@ -1,6 +1,5 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart'; import 'package:flutter_switch/flutter_switch.dart';
import 'package:openclosenew/thankyou.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart'; import 'package:smooth_page_indicator/smooth_page_indicator.dart';
class businessdetail extends StatefulWidget { class businessdetail extends StatefulWidget {
@ -12,21 +11,43 @@ class businessdetail extends StatefulWidget {
class _businessdetailState extends State<businessdetail> class _businessdetailState extends State<businessdetail>
with TickerProviderStateMixin { with TickerProviderStateMixin {
bool status = true; bool status = false;
int pageIndex = 0; int pageIndex = 0;
int _selectedIndex = 0;
void _onItemTapped(int index) {
setState(() {
_selectedIndex = index;
});
}
final _Controller = PageController(); final _Controller = PageController();
Color _textColor = Colors.black;
Color _appBarColor = Color.fromRGBO(36, 41, 46, 1);
Color _scaffoldBgcolor = Colors.white;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
TabController _tabController = TabController(length: 4, vsync: this); 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, backgroundColor: Colors.white,
body: SafeArea( body: SafeArea(
child: SingleChildScrollView( child: SingleChildScrollView(
child: Column( child: Column(
children: [ children: [
Container( Container(
height: 500, height: 400,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: Stack( child: Stack(
children: [ children: [
Container( Container(
@ -41,6 +62,11 @@ class _businessdetailState extends State<businessdetail>
bottomRight: Radius.circular(20), bottomRight: Radius.circular(20),
), ),
), ),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Padding( child: Padding(
padding: const EdgeInsets.only( padding: const EdgeInsets.only(
left: 10, right: 10, bottom: 120), left: 10, right: 10, bottom: 120),
@ -71,6 +97,15 @@ class _businessdetailState extends State<businessdetail>
onToggle: (val) { onToggle: (val) {
setState(() { setState(() {
status = val; status = val;
if (val) {
_textColor = Colors.black;
_scaffoldBgcolor = Colors.white;
} else {
_textColor = Colors.white;
_scaffoldBgcolor = Colors.grey;
}
}); });
}, },
activeText: "OPEN", activeText: "OPEN",
@ -94,7 +129,8 @@ class _businessdetailState extends State<businessdetail>
Align( Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Container( child: Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 60), margin:
EdgeInsets.only(right: 20, left: 20, top: 150),
padding: EdgeInsets.all(12), padding: EdgeInsets.all(12),
height: 270, height: 270,
decoration: BoxDecoration( 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( child: Column(
children: [ children: [
Row( Row(
@ -185,7 +226,8 @@ class _businessdetailState extends State<businessdetail>
child: Padding( child: Padding(
padding: const EdgeInsets.only(left: 10), padding: const EdgeInsets.only(left: 10),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment:
CrossAxisAlignment.start,
children: [ children: [
Row( Row(
children: [ children: [
@ -204,7 +246,7 @@ class _businessdetailState extends State<businessdetail>
fontStyle: FontStyle.normal, fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w400,
fontSize: 13, fontSize: 13,
), color: Colors.black),
), ),
SizedBox( SizedBox(
width: 10, width: 10,
@ -224,7 +266,7 @@ class _businessdetailState extends State<businessdetail>
fontStyle: FontStyle.normal, fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w400,
fontSize: 13, fontSize: 13,
), color: Colors.black),
), ),
], ],
), ),
@ -248,8 +290,10 @@ class _businessdetailState extends State<businessdetail>
" +91 98651 76796, +91 76786 85869", " +91 98651 76796, +91 76786 85869",
style: TextStyle( style: TextStyle(
fontFamily: 'Manrope', fontFamily: 'Manrope',
fontStyle: FontStyle.normal, fontStyle:
fontWeight: FontWeight.w500, FontStyle.normal,
fontWeight:
FontWeight.w500,
fontSize: 12, fontSize: 12,
color: Color(0xFF5C5C5C), color: Color(0xFF5C5C5C),
), ),
@ -353,11 +397,16 @@ class _businessdetailState extends State<businessdetail>
), ),
Container( Container(
height: 100, height: 100,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: ListView( child: ListView(
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.only(left: 22, right: 10), padding:
const EdgeInsets.only(left: 22, right: 10, top: 20),
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
@ -409,7 +458,8 @@ class _businessdetailState extends State<businessdetail>
), ),
Spacer(), Spacer(),
Padding( Padding(
padding: const EdgeInsets.only(left: 22), padding:
const EdgeInsets.only(left: 22, right: 10, top: 20),
child: InkWell( child: InkWell(
onTap: () {}, onTap: () {},
child: Container( child: Container(
@ -500,6 +550,10 @@ class _businessdetailState extends State<businessdetail>
), ),
), ),
Container( Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 150, height: 150,
child: ListView( child: ListView(
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
@ -656,7 +710,8 @@ class _businessdetailState extends State<businessdetail>
), ),
), ),
Padding( 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( child: Row(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
@ -681,7 +736,11 @@ class _businessdetailState extends State<businessdetail>
), ),
), ),
Container( Container(
height: 150, foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 100,
child: ListView( child: ListView(
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,
children: [ children: [
@ -756,9 +815,9 @@ class _businessdetailState extends State<businessdetail>
), ),
), ),
Padding( 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( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Text( Text(
"Services", "Services",
@ -782,14 +841,15 @@ class _businessdetailState extends State<businessdetail>
), ),
Align( Align(
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
child: Padding(
padding: const EdgeInsets.only(left: 10, right: 10),
child: TabBar( child: TabBar(
controller: _tabController, controller: _tabController,
labelColor: Color(0xFF3D3D3D),
isScrollable: true, isScrollable: true,
labelPadding: EdgeInsets.symmetric(horizontal: 25), labelPadding: EdgeInsets.symmetric(horizontal: 25),
indicator: BoxDecoration( indicator: BoxDecoration(
borderRadius: BorderRadius.circular(5), borderRadius: BorderRadius.circular(5),
color: Color(0xFFE4E4E4), color: Colors.black26,
), ),
tabs: [ tabs: [
Tab( 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 name: collection
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.16.0" version: "1.15.0"
cross_file: cross_file:
dependency: transitive dependency: transitive
description: description:
@ -98,7 +98,7 @@ packages:
name: fake_async name: fake_async
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.3.0" version: "1.2.0"
ffi: ffi:
dependency: transitive dependency: transitive
description: description:
@ -239,7 +239,7 @@ packages:
name: js name: js
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.6.4" version: "0.6.3"
libphonenumber: libphonenumber:
dependency: transitive dependency: transitive
description: description:
@ -288,7 +288,7 @@ packages:
name: material_color_utilities name: material_color_utilities
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.1.4" version: "0.1.3"
meta: meta:
dependency: transitive dependency: transitive
description: description:
@ -302,7 +302,7 @@ packages:
name: path name: path
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.8.1" version: "1.8.0"
path_drawing: path_drawing:
dependency: transitive dependency: transitive
description: description:
@ -475,7 +475,7 @@ packages:
name: source_span name: source_span
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "1.8.2" version: "1.8.1"
stack_trace: stack_trace:
dependency: transitive dependency: transitive
description: description:
@ -510,7 +510,7 @@ packages:
name: test_api name: test_api
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.4.9" version: "0.4.8"
typed_data: typed_data:
dependency: transitive dependency: transitive
description: description:
@ -531,7 +531,7 @@ packages:
name: vector_math name: vector_math
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "2.1.2" version: "2.1.1"
win32: win32:
dependency: transitive dependency: transitive
description: description:
@ -561,5 +561,5 @@ packages:
source: hosted source: hosted
version: "3.1.0" version: "3.1.0"
sdks: sdks:
dart: ">=2.17.0-0 <3.0.0" dart: ">=2.16.2 <3.0.0"
flutter: ">=2.10.0-0" flutter: ">=2.10.0-0"