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

143
openclosenew/lib/businessdetail.dart
View File

@ -187,7 +187,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20,
),
SizedBox(
width: 10,
width: 12,
),
Text(
'Veg',
@ -195,7 +195,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
fontSize: 13,
),
),
SizedBox(
@ -207,7 +207,7 @@ class _businessdetailState extends State<businessdetail> {
height: 20,
),
SizedBox(
width: 10,
width: 12,
),
Text(
'Non-Veg',
@ -215,7 +215,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
fontSize: 13,
),
),
],
@ -241,7 +241,7 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
@ -251,7 +251,9 @@ class _businessdetailState extends State<businessdetail> {
),
],
),
RichText(
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
@ -268,14 +270,17 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
],
),
),
RichText(
),
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
@ -291,14 +296,17 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
],
),
),
RichText(
),
Padding(
padding: const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
WidgetSpan(
@ -315,6 +323,72 @@ class _businessdetailState extends State<businessdetail> {
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 13,
color: Color(0xFF5C5C5C),
),
),
],
),
),
),
],
),
),
),
],
),
),
),
],
),
),
),
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),
),
@ -322,17 +396,62 @@ class _businessdetailState extends State<businessdetail> {
],
),
),
],
),
),
),
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),
),
),
],
),
),
),
],
),
),
],
),
),
],
),