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

business details screen half design completed

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

153
openclosenew/lib/businessdetail.dart
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,70 +18,106 @@ 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: 500,
height: 200, child: Stack(
width: 320, children: [
decoration: BoxDecoration( Container(
image: const DecorationImage( height: 250,
image: AssetImage('assets/images/bg.png'), decoration: BoxDecoration(
fit: BoxFit.fitHeight, image: const DecorationImage(
), image: AssetImage('assets/images/bg.png'),
borderRadius: BorderRadius.all( fit: BoxFit.cover,
Radius.circular(5),
),
),
child: Padding(
padding: const EdgeInsets.only(left: 24, top: 10, right: 10),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
FloatingActionButton(
child: Icon(
Icons.arrow_back,
size: 24,
color: Color(0xFF3D3D3D),
),
backgroundColor: Colors.white,
onPressed: () {},
), ),
Spacer(), borderRadius: BorderRadius.only(
FlutterSwitch( bottomLeft: Radius.circular(20),
width: 110, bottomRight: Radius.circular(20),
height: 60,
valueFontSize: 15,
toggleSize: 25,
value: status,
borderRadius: 30.0,
padding: 8.0,
showOnOff: true,
onToggle: (val) {
setState(() {
status = val;
});
},
activeText: "OPEN",
activeSwitchBorder:
Border.all(color: Colors.white, width: 12),
inactiveSwitchBorder:
Border.all(color: Colors.white, width: 12),
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
inactiveText: "CLOSED",
inactiveTextColor: Colors.white,
inactiveTextFontWeight: FontWeight.w600,
inactiveColor: Color(0xFFFF4B4C),
), ),
], ),
child: Padding(
padding: const EdgeInsets.only(
left: 10, right: 10, bottom: 120),
child: Row(
children: [
FloatingActionButton(
child: Icon(
Icons.arrow_back,
size: 24,
color: Color(0xFF3D3D3D),
),
backgroundColor: Colors.white,
onPressed: () {},
),
Spacer(),
FlutterSwitch(
width: 130,
height: 60,
valueFontSize: 15,
toggleSize: 25,
value: status,
borderRadius: 30.0,
padding: 8,
showOnOff: true,
onToggle: (val) {
setState(() {
status = val;
});
},
activeText: "OPEN",
activeSwitchBorder:
Border.all(color: Colors.white, width: 13),
inactiveSwitchBorder:
Border.all(color: Colors.white, width: 13),
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
inactiveText: "CLOSED",
inactiveTextColor: Colors.white,
inactiveTextFontWeight: FontWeight.w600,
inactiveColor: Color(0xFFFF4B4C),
),
],
),
),
), ),
), 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),
],
),
),
),
],
), ),
), ),
), ),
Spacer(),
], ],
), ),
); );