business details screen half design completed
This commit is contained in:
parent
b15062c31a
commit
fe34f7ac20
BIN
openclosenew/assets/images/store_logo.png
Normal file
BIN
openclosenew/assets/images/store_logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 24 KiB |
@ -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,70 +18,106 @@ class _businessdetailState extends State<businessdetail> {
|
||||
backgroundColor: Colors.white,
|
||||
body: Column(
|
||||
children: [
|
||||
Spacer(),
|
||||
SafeArea(
|
||||
child: Center(
|
||||
child: Container(
|
||||
height: 200,
|
||||
width: 320,
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
image: AssetImage('assets/images/bg.png'),
|
||||
fit: BoxFit.fitHeight,
|
||||
),
|
||||
borderRadius: BorderRadius.all(
|
||||
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: () {},
|
||||
child: Container(
|
||||
height: 500,
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
height: 250,
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
image: AssetImage('assets/images/bg.png'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
Spacer(),
|
||||
FlutterSwitch(
|
||||
width: 110,
|
||||
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),
|
||||
borderRadius: BorderRadius.only(
|
||||
bottomLeft: Radius.circular(20),
|
||||
bottomRight: Radius.circular(20),
|
||||
),
|
||||
],
|
||||
),
|
||||
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(),
|
||||
],
|
||||
),
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user