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

business details empty ui started

Browse Source
This commit is contained in:
vignesh 2022-05-25 14:21:11 +05:30
parent a0a6ba3860
commit c9fda10ec9
6 changed files with 1199 additions and 1053 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 322 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 314 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 201 KiB

4
openclosenew/lib/11_busiesshome.dart
View File

@ -285,7 +285,6 @@ class _businesshomeState extends State<businesshome> {
],
),
),
Spacer(),
Row(
children: [
Padding(
@ -462,7 +461,6 @@ class _businesshomeState extends State<businesshome> {
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 15),
child: InkWell(
@ -594,7 +592,6 @@ class _businesshomeState extends State<businesshome> {
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 15),
child: InkWell(
@ -729,7 +726,6 @@ class _businesshomeState extends State<businesshome> {
],
),
),
Spacer(),
BottomNavigationBar(
iconSize: 20,
unselectedFontSize: 12,

91
openclosenew/lib/14_businessdetailsempty.dart Normal file
View File

@ -0,0 +1,91 @@
import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';
class businessdetailsempty extends StatefulWidget {
const businessdetailsempty({Key? key}) : super(key: key);
@override
State<businessdetailsempty> createState() => _businessdetailsemptyState();
}
bool status = true;
class _businessdetailsemptyState extends State<businessdetailsempty> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(
children: [
Container(
height: 400,
width: double.infinity,
alignment: Alignment.topCenter,
child: Stack(
children: [
Container(
height: 250,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('assets/images/bg.png'),
fit: BoxFit.cover),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20),
bottomRight: Radius.circular(20),
),
),
),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
FloatingActionButton(
child: Icon(
Icons.arrow_back,
size: 24,
color: Color(0xFF3D3D3D),
),
mini: true,
backgroundColor: Colors.white,
onPressed: () {
Navigator.pop(context);
},
),
Spacer(),
FlutterSwitch(
width: 107,
height: 50,
valueFontSize: 12,
toggleSize: 20,
value: status,
borderRadius: 30.0,
padding: 5,
showOnOff: true,
onToggle: (val) {
setState(() {
status = val;
});
},
activeText: "OPEN",
activeSwitchBorder:
Border.all(color: Colors.white, width: 10),
inactiveSwitchBorder:
Border.all(color: Colors.white, width: 10),
activeTextColor: Colors.white,
activeTextFontWeight: FontWeight.w600,
activeColor: Color(0xFF09CD99),
inactiveText: "CLOSED",
inactiveTextColor: Colors.white,
inactiveTextFontWeight: FontWeight.w600,
inactiveColor: Color(0xFFFF4B4C),
),
],
),
],
),
),
],
),
),
);
}
}

277
openclosenew/lib/businessdetail.dart
View File

@ -1,5 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter_switch/flutter_switch.dart';
import 'package:openclosenew/14_businessdetailsempty.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
class businessdetail extends StatefulWidget {
@ -11,32 +12,14 @@ class businessdetail extends StatefulWidget {
class _businessdetailState extends State<businessdetail>
with TickerProviderStateMixin {
bool status = false;
bool status = true;
int pageIndex = 0;
int _selectedIndex = 0;
void _onItemTapped(int index) {
setState(() {
_selectedIndex = index;
});
}
final _Controller = PageController();
Color _textColor = Colors.black;
Color _appBarColor = Color.fromRGBO(36, 41, 46, 1);
Color _scaffoldBgcolor = Colors.white;
@override
Widget build(BuildContext context) {
TabController _tabController = TabController(length: 4, vsync: this);
return Theme(
data: ThemeData(
textTheme: TextTheme(
bodyText1: TextStyle(color: _textColor),
bodyText2: TextStyle(color: _textColor),
),
),
child: Scaffold(
return Scaffold(
backgroundColor: Colors.white,
body: SafeArea(
child: SingleChildScrollView(
@ -44,10 +27,6 @@ class _businessdetailState extends State<businessdetail>
children: [
Container(
height: 400,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: Stack(
children: [
Container(
@ -62,14 +41,20 @@ class _businessdetailState extends State<businessdetail>
bottomRight: Radius.circular(20),
),
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Padding(
padding: const EdgeInsets.only(
left: 10, right: 10, bottom: 120),
if (status == false)
Container(
height: 250,
decoration: BoxDecoration(
color: Colors.grey.withOpacity(0.5),
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20),
bottomRight: Radius.circular(20),
),
),
),
Padding(
padding: EdgeInsets.only(bottom: 300),
child: Row(
children: [
FloatingActionButton(
@ -97,15 +82,6 @@ class _businessdetailState extends State<businessdetail>
onToggle: (val) {
setState(() {
status = val;
if (val) {
_textColor = Colors.black;
_scaffoldBgcolor = Colors.white;
} else {
_textColor = Colors.white;
_scaffoldBgcolor = Colors.grey;
}
});
},
activeText: "OPEN",
@ -124,13 +100,10 @@ class _businessdetailState extends State<businessdetail>
],
),
),
),
Spacer(),
Align(
alignment: Alignment.center,
child: Container(
margin:
EdgeInsets.only(right: 20, left: 20, top: 150),
margin: EdgeInsets.only(right: 20, left: 20, top: 150),
padding: EdgeInsets.all(12),
height: 270,
decoration: BoxDecoration(
@ -148,7 +121,7 @@ class _businessdetailState extends State<businessdetail>
],
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
color: status ? null : Colors.white,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
@ -215,19 +188,21 @@ class _businessdetailState extends State<businessdetail>
color: Colors.black,
),
onPressed: () {
Navigator.pop(context);
Navigator.push(
context,
MaterialPageRoute(
builder: (_) =>
businessdetailsempty()));
},
),
],
),
Spacer(),
Align(
alignment: Alignment.topLeft,
child: Padding(
padding: const EdgeInsets.only(left: 10),
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
@ -290,10 +265,8 @@ class _businessdetailState extends State<businessdetail>
" +91 98651 76796, +91 76786 85869",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle:
FontStyle.normal,
fontWeight:
FontWeight.w500,
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 12,
color: Color(0xFF5C5C5C),
),
@ -397,10 +370,6 @@ class _businessdetailState extends State<businessdetail>
),
Container(
height: 100,
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
child: ListView(
scrollDirection: Axis.horizontal,
children: [
@ -424,6 +393,11 @@ class _businessdetailState extends State<businessdetail>
Radius.circular(10),
),
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.white,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
@ -456,7 +430,6 @@ class _businessdetailState extends State<businessdetail>
),
),
),
Spacer(),
Padding(
padding:
const EdgeInsets.only(left: 22, right: 10, top: 20),
@ -477,6 +450,11 @@ class _businessdetailState extends State<businessdetail>
Radius.circular(10),
),
),
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.white,
backgroundBlendMode:
status ? null : BlendMode.saturation,
),
child: Padding(
padding: const EdgeInsets.only(left: 80),
child: Column(
@ -516,8 +494,8 @@ class _businessdetailState extends State<businessdetail>
controller: _Controller, // PageController
count: 3,
effect: ExpandingDotsEffect(
activeDotColor: Color(0xFF2AB17F),
dotColor: Colors.greenAccent,
activeDotColor: status ? Color(0xFF2AB17F) : Colors.grey,
dotColor: status ? Colors.greenAccent : Colors.grey,
dotWidth: 5,
dotHeight: 5),
// your preferred effect
@ -558,7 +536,6 @@ class _businessdetailState extends State<businessdetail>
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Spacer(),
Column(
children: [
Padding(
@ -608,7 +585,6 @@ class _businessdetailState extends State<businessdetail>
),
],
),
Spacer(),
Column(
children: [
Padding(
@ -655,7 +631,6 @@ class _businessdetailState extends State<businessdetail>
),
],
),
Spacer(),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@ -744,7 +719,6 @@ class _businessdetailState extends State<businessdetail>
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Spacer(),
Column(
children: [
Padding(
@ -766,7 +740,6 @@ class _businessdetailState extends State<businessdetail>
),
],
),
Spacer(),
Column(
children: [
Padding(
@ -788,7 +761,6 @@ class _businessdetailState extends State<businessdetail>
),
],
),
Spacer(),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
@ -839,21 +811,40 @@ class _businessdetailState extends State<businessdetail>
],
),
),
Align(
alignment: Alignment.centerLeft,
child: Padding(
padding: const EdgeInsets.only(left: 10, right: 10),
child: TabBar(
controller: _tabController,
isScrollable: true,
labelPadding: EdgeInsets.symmetric(horizontal: 25),
indicator: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Colors.black26,
Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
tabs: [
Tab(
child: Text(
height: 150,
child: ListView(
scrollDirection: Axis.horizontal,
children: [
Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 15, right: 15),
child: Container(
width: 130,
height: 100,
decoration: BoxDecoration(
image: const DecorationImage(
fit: BoxFit.cover,
image: AssetImage(
'assets/images/services_img1.png',
),
),
borderRadius:
BorderRadius.all(Radius.circular(5)),
),
),
),
Padding(
padding: const EdgeInsets.only(right: 16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Buffet",
style: TextStyle(
fontFamily: 'Manrope',
@ -863,9 +854,44 @@ class _businessdetailState extends State<businessdetail>
color: Color(0xFF3D3D3D),
),
),
Text(
"₹ 480.00 - 890.00",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 12,
color: Color(0xFF3D3D3D),
),
Tab(
child: Text(
),
],
),
),
],
),
Column(
children: [
Padding(
padding: const EdgeInsets.only(left: 15, right: 15),
child: Container(
width: 130,
height: 100,
decoration: BoxDecoration(
image: const DecorationImage(
fit: BoxFit.cover,
image: AssetImage(
'assets/images/services_img2.png',
),
),
borderRadius:
BorderRadius.all(Radius.circular(5)),
),
),
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Bar",
style: TextStyle(
fontFamily: 'Manrope',
@ -875,33 +901,71 @@ class _businessdetailState extends State<businessdetail>
color: Color(0xFF3D3D3D),
),
),
),
Tab(
child: Text(
"Car Parking",
Text(
"₹ 200.00 (Starts from)",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
fontWeight: FontWeight.w600,
fontSize: 12,
color: Color(0xFF3D3D3D),
),
),
),
Tab(
child: Text(
"Family Room",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
color: Color(0xFF3D3D3D),
),
),
),
],
),
],
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(left: 15, right: 15),
child: Container(
width: 130,
height: 100,
decoration: BoxDecoration(
image: const DecorationImage(
fit: BoxFit.cover,
image: AssetImage(
'assets/images/services_img3.png',
),
),
borderRadius:
BorderRadius.all(Radius.circular(5)),
),
),
),
Padding(
padding: const EdgeInsets.only(left: 20),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Cafe Club",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w500,
fontSize: 15,
color: Color(0xFF3D3D3D),
),
),
Text(
"₹ 280.00",
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 12,
color: Color(0xFF3D3D3D),
),
),
],
),
),
],
),
],
),
),
Padding(
@ -932,7 +996,7 @@ class _businessdetailState extends State<businessdetail>
),
Container(
foregroundDecoration: BoxDecoration(
color: status ? null : Colors.grey,
color: status ? null : Colors.white,
backgroundBlendMode: status ? null : BlendMode.saturation,
),
height: 100,
@ -990,7 +1054,6 @@ class _businessdetailState extends State<businessdetail>
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 22),
child: InkWell(
@ -1118,8 +1181,7 @@ class _businessdetailState extends State<businessdetail>
),
),
Padding(
padding:
const EdgeInsets.only(left: 15),
padding: const EdgeInsets.only(left: 15),
child: Image.asset(
'assets/images/ticket1.png',
width: 25,
@ -1144,7 +1206,6 @@ class _businessdetailState extends State<businessdetail>
),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 22, right: 10),
child: InkWell(
@ -1183,8 +1244,7 @@ class _businessdetailState extends State<businessdetail>
),
),
Padding(
padding:
const EdgeInsets.only(left: 15),
padding: const EdgeInsets.only(left: 15),
child: Image.asset(
'assets/images/ticket1.png',
width: 25,
@ -1216,7 +1276,6 @@ class _businessdetailState extends State<businessdetail>
),
),
),
),
);
}
}