business details screen half design completed

This commit is contained in:
vignesh 2022-05-18 12:32:58 +05:30
parent b15062c31a
commit fe34f7ac20
2 changed files with 95 additions and 58 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -1,3 +1,4 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';
@ -9,7 +10,7 @@ class businessdetail extends StatefulWidget {
}
class _businessdetailState extends State<businessdetail> {
bool status = false;
bool status = true;
@override
Widget build(BuildContext context) {
@ -17,25 +18,27 @@ class _businessdetailState extends State<businessdetail> {
backgroundColor: Colors.white,
body: Column(
children: [
Spacer(),
SafeArea(
child: Center(
child: Container(
height: 200,
width: 320,
height: 500,
child: Stack(
children: [
Container(
height: 250,
decoration: BoxDecoration(
image: const DecorationImage(
image: AssetImage('assets/images/bg.png'),
fit: BoxFit.fitHeight,
fit: BoxFit.cover,
),
borderRadius: BorderRadius.all(
Radius.circular(5),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20),
bottomRight: Radius.circular(20),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 24, top: 10, right: 10),
padding: const EdgeInsets.only(
left: 10, right: 10, bottom: 120),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
FloatingActionButton(
child: Icon(
@ -48,13 +51,13 @@ class _businessdetailState extends State<businessdetail> {
),
Spacer(),
FlutterSwitch(
width: 110,
width: 130,
height: 60,
valueFontSize: 15,
toggleSize: 25,
value: status,
borderRadius: 30.0,
padding: 8.0,
padding: 8,
showOnOff: true,
onToggle: (val) {
setState(() {
@ -63,9 +66,9 @@ class _businessdetailState extends State<businessdetail> {
},
activeText: "OPEN",
activeSwitchBorder:
Border.all(color: Colors.white, width: 12),
Border.all(color: Colors.white, width: 13),
inactiveSwitchBorder:
Border.all(color: Colors.white, width: 12),
Border.all(color: Colors.white, width: 13),
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
@ -78,9 +81,43 @@ class _businessdetailState extends State<businessdetail> {
),
),
),
Spacer(),
Align(
alignment: Alignment.center,
child: Container(
margin: EdgeInsets.only(right: 20, left: 20, top: 60),
padding: EdgeInsets.all(15),
height: 250,
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.all(Radius.circular(10)),
),
child: Row(
children: [
Align(
alignment: Alignment.topCenter,
child: Image.asset(
'assets/images/store_logo.png',
width: 55,
height: 55,
),
),
Spacer(),
Column(
children: [
Text('data'),
Text('data'),
],
),
Icon(Icons.arrow_back),
],
),
),
),
],
),
),
),
],
),
);