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