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

business details scrolling design finished

Browse Source
This commit is contained in:
vignesh 2022-05-20 12:33:05 +05:30
parent 4781455f2c
commit 4741190db6
3 changed files with 184 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
openclosenew/assets/images/discount.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

249
openclosenew/lib/businessdetail.dart
View File

@ -187,7 +187,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20, height: 20,
), ),
SizedBox( SizedBox(
width: 10, width: 12,
), ),
Text( Text(
'Veg', 'Veg',
@ -195,7 +195,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope', fontFamily: 'Manrope',
fontStyle: FontStyle.normal, fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w400,
fontSize: 15, fontSize: 13,
), ),
), ),
SizedBox( SizedBox(
@ -207,7 +207,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20, height: 20,
), ),
SizedBox( SizedBox(
width: 10, width: 12,
), ),
Text( Text(
'Non-Veg', 'Non-Veg',
@ -215,7 +215,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope', fontFamily: 'Manrope',
fontStyle: FontStyle.normal, fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400, fontWeight: FontWeight.w400,
fontSize: 15, fontSize: 13,
), ),
), ),
], ],
@ -236,12 +236,12 @@ class _businessdetailState extends State<businessdetail> {
), ),
TextSpan( TextSpan(
text: text:
"+91 98651 76796, +91 76786 85869", " +91 98651 76796, +91 76786 85869",
style: TextStyle( style: TextStyle(
fontFamily: 'Manrope', fontFamily: 'Manrope',
fontStyle: FontStyle.normal, fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500, fontWeight: FontWeight.w500,
fontSize: 15, fontSize: 13,
color: Color(0xFF5C5C5C), color: Color(0xFF5C5C5C),
), ),
), ),
@ -251,75 +251,84 @@ class _businessdetailState extends State<businessdetail> {
), ),
], ],
), ),
RichText( Padding(
text: TextSpan( padding: const EdgeInsets.only(top: 10),
children: [ child: RichText(
WidgetSpan( text: TextSpan(
child: Image.asset( children: [
'assets/images/loc_logo.png', WidgetSpan(
width: 25, child: Image.asset(
height: 25, 'assets/images/loc_logo.png',
width: 25,
height: 25,
),
), ),
), TextSpan(
TextSpan( text:
text: " 112, Avinashi Road, Peelamedu, Coimbatore...",
"112, Avinashi Road, Peelamedu, Coimbatore...", style: TextStyle(
style: TextStyle( fontFamily: 'Manrope',
fontFamily: 'Manrope', fontStyle: FontStyle.normal,
fontStyle: FontStyle.normal, fontWeight: FontWeight.w500,
fontWeight: FontWeight.w500, fontSize: 13,
fontSize: 15, color: Color(0xFF5C5C5C),
color: Color(0xFF5C5C5C), ),
), ),
), ],
], ),
), ),
), ),
RichText( Padding(
text: TextSpan( padding: const EdgeInsets.only(top: 10),
children: [ child: RichText(
WidgetSpan( text: TextSpan(
child: Image.asset( children: [
'assets/images/glob_icon.png', WidgetSpan(
width: 25, child: Image.asset(
height: 25, 'assets/images/glob_icon.png',
width: 25,
height: 25,
),
), ),
), TextSpan(
TextSpan( text: " www.bbqnation.com",
text: "www.bbqnation.com", style: TextStyle(
style: TextStyle( fontFamily: 'Manrope',
fontFamily: 'Manrope', fontStyle: FontStyle.normal,
fontStyle: FontStyle.normal, fontWeight: FontWeight.w500,
fontWeight: FontWeight.w500, fontSize: 13,
fontSize: 15, color: Color(0xFF5C5C5C),
color: Color(0xFF5C5C5C), ),
), ),
), ],
], ),
), ),
), ),
RichText( Padding(
text: TextSpan( padding: const EdgeInsets.only(top: 10),
children: [ child: RichText(
WidgetSpan( text: TextSpan(
child: Image.asset( children: [
'assets/images/clock_icon.png', WidgetSpan(
width: 25, child: Image.asset(
height: 25, 'assets/images/clock_icon.png',
width: 25,
height: 25,
),
), ),
), TextSpan(
TextSpan( text:
text: " Working Hours: Mon - Fri 9:00am to 9:00pm",
"Working Hours: Mon - Fri 9:00am to 9:00pm", style: TextStyle(
style: TextStyle( fontFamily: 'Manrope',
fontFamily: 'Manrope', fontStyle: FontStyle.normal,
fontStyle: FontStyle.normal, fontWeight: FontWeight.w500,
fontWeight: FontWeight.w500, fontSize: 13,
fontSize: 15, color: Color(0xFF5C5C5C),
color: Color(0xFF5C5C5C), ),
), ),
), ],
], ),
), ),
), ),
], ],
@ -334,6 +343,116 @@ class _businessdetailState extends State<businessdetail> {
), ),
), ),
), ),
Container(
height: 100,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
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: 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),
),
),
],
),
),
),
),
),
],
),
),
], ],
), ),
); );