business details UI completed
BIN
openclosenew/assets/images/arrow-right.png
Normal file
After Width: | Height: | Size: 721 B |
BIN
openclosenew/assets/images/food1.png
Normal file
After Width: | Height: | Size: 254 KiB |
BIN
openclosenew/assets/images/food2.png
Normal file
After Width: | Height: | Size: 318 KiB |
BIN
openclosenew/assets/images/food3.png
Normal file
After Width: | Height: | Size: 296 KiB |
BIN
openclosenew/assets/images/room1.png
Normal file
After Width: | Height: | Size: 262 KiB |
BIN
openclosenew/assets/images/room2.png
Normal file
After Width: | Height: | Size: 208 KiB |
BIN
openclosenew/assets/images/room3.png
Normal file
After Width: | Height: | Size: 237 KiB |
@ -1,13 +1,7 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_switch/flutter_switch.dart';
|
||||
|
||||
class PageViewModel {
|
||||
String title;
|
||||
String body;
|
||||
String image;
|
||||
|
||||
PageViewModel({required this.title, required this.body, required this.image});
|
||||
}
|
||||
import 'package:openclosenew/thankyou.dart';
|
||||
import 'package:smooth_page_indicator/smooth_page_indicator.dart';
|
||||
|
||||
class businessdetail extends StatefulWidget {
|
||||
const businessdetail({Key? key}) : super(key: key);
|
||||
@ -16,37 +10,22 @@ class businessdetail extends StatefulWidget {
|
||||
State<businessdetail> createState() => _businessdetailState();
|
||||
}
|
||||
|
||||
class _businessdetailState extends State<businessdetail> {
|
||||
class _businessdetailState extends State<businessdetail>
|
||||
with TickerProviderStateMixin {
|
||||
bool status = true;
|
||||
int pageIndex = 0;
|
||||
PageController pageController = PageController();
|
||||
|
||||
final List<PageViewModel> pages = [
|
||||
PageViewModel(
|
||||
title: '',
|
||||
body: 'Best Hotels and Restaurants around you...',
|
||||
image: 'assets/images/onboarding_image_1.png',
|
||||
),
|
||||
PageViewModel(
|
||||
title: '',
|
||||
body: 'Best Medicals, Clinics and Hospitals around you...',
|
||||
image: 'assets/images/onboarding_image_2.png',
|
||||
),
|
||||
PageViewModel(
|
||||
title: '',
|
||||
body: 'Best Grocery and all Other Shops around you...',
|
||||
image: "assets/images/onboarding_image_3.png",
|
||||
)
|
||||
];
|
||||
final _Controller = PageController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
TabController _tabController = TabController(length: 4, vsync: this);
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: Column(
|
||||
body: SafeArea(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
children: [
|
||||
SafeArea(
|
||||
child: Container(
|
||||
Container(
|
||||
height: 500,
|
||||
child: Stack(
|
||||
children: [
|
||||
@ -147,7 +126,8 @@ class _businessdetailState extends State<businessdetail> {
|
||||
padding:
|
||||
const EdgeInsets.only(top: 10, left: 5),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
crossAxisAlignment:
|
||||
CrossAxisAlignment.start,
|
||||
children: [
|
||||
RichText(
|
||||
text: TextSpan(
|
||||
@ -251,7 +231,8 @@ class _businessdetailState extends State<businessdetail> {
|
||||
Row(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 10),
|
||||
padding:
|
||||
const EdgeInsets.only(top: 10),
|
||||
child: RichText(
|
||||
text: TextSpan(
|
||||
children: [
|
||||
@ -370,7 +351,6 @@ class _businessdetailState extends State<businessdetail> {
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
height: 100,
|
||||
child: ListView(
|
||||
@ -482,69 +462,381 @@ class _businessdetailState extends State<businessdetail> {
|
||||
],
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Row(
|
||||
SmoothPageIndicator(
|
||||
controller: _Controller, // PageController
|
||||
count: 3,
|
||||
effect: ExpandingDotsEffect(
|
||||
activeDotColor: Color(0xFF2AB17F),
|
||||
dotColor: Colors.greenAccent,
|
||||
dotWidth: 5,
|
||||
dotHeight: 5),
|
||||
// your preferred effect
|
||||
onDotClicked: (index) {},
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 15, right: 15, top: 5, bottom: 10),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
for (int i = 0; i < pages.length; i++)
|
||||
Container(
|
||||
height: 8,
|
||||
width: (pageIndex == i) ? 20 : 8,
|
||||
margin: EdgeInsets.only(right: 8),
|
||||
decoration: BoxDecoration(
|
||||
color: (pageIndex == i)
|
||||
? Colors.green
|
||||
: Colors.green.shade100,
|
||||
borderRadius: BorderRadius.circular(8)),
|
||||
),
|
||||
],
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24),
|
||||
child: Text(
|
||||
'Photos',
|
||||
Text(
|
||||
"Food Items",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
),
|
||||
fontSize: 20,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 10),
|
||||
child: IconButton(
|
||||
icon: Icon(
|
||||
Icons.arrow_forward,
|
||||
size: 25,
|
||||
color: Color(0xFF5C5C5C),
|
||||
),
|
||||
onPressed: () {},
|
||||
),
|
||||
IconButton(
|
||||
icon: Image.asset('assets/images/arrow-right.png'),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
),
|
||||
Container(
|
||||
height: 50,
|
||||
height: 150,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
children: [
|
||||
Container(
|
||||
width: 150,
|
||||
Spacer(),
|
||||
Column(
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 15, right: 15),
|
||||
child: Container(
|
||||
width: 130,
|
||||
height: 100,
|
||||
decoration: BoxDecoration(
|
||||
image: const DecorationImage(
|
||||
alignment: Alignment.centerLeft,
|
||||
fit: BoxFit.cover,
|
||||
image: AssetImage(
|
||||
'assets/images/offer.png',
|
||||
'assets/images/food1.png',
|
||||
),
|
||||
scale: 2,
|
||||
),
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(10),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(right: 16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Chicken Briyani",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"₹ 180.00",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
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/food2.png',
|
||||
),
|
||||
),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Chicken Pepper...",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"₹ 360.00",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
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/food3.png',
|
||||
),
|
||||
),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 20),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(
|
||||
"Malai Kofta",
|
||||
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: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 15, right: 15, top: 5),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
"Photos",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 20,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
IconButton(
|
||||
icon: Image.asset('assets/images/arrow-right.png'),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Container(
|
||||
height: 150,
|
||||
child: ListView(
|
||||
scrollDirection: Axis.horizontal,
|
||||
children: [
|
||||
Spacer(),
|
||||
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/room1.png',
|
||||
),
|
||||
),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
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/room2.png',
|
||||
),
|
||||
),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
Spacer(),
|
||||
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/room3.png',
|
||||
),
|
||||
),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(5)),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 15, right: 15, top: 5),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
"Services",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w600,
|
||||
fontSize: 20,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
IconButton(
|
||||
icon: Image.asset('assets/images/arrow-right.png'),
|
||||
onPressed: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Align(
|
||||
alignment: Alignment.centerLeft,
|
||||
child: TabBar(
|
||||
controller: _tabController,
|
||||
labelColor: Color(0xFF3D3D3D),
|
||||
isScrollable: true,
|
||||
labelPadding: EdgeInsets.symmetric(horizontal: 25),
|
||||
indicator: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(5),
|
||||
color: Color(0xFFE4E4E4),
|
||||
),
|
||||
tabs: [
|
||||
Tab(
|
||||
child: Text(
|
||||
"Buffet",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
),
|
||||
Tab(
|
||||
child: Text(
|
||||
"Bar",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
),
|
||||
Tab(
|
||||
child: Text(
|
||||
"Car Parking",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
),
|
||||
Tab(
|
||||
child: Text(
|
||||
"Family Room",
|
||||
style: TextStyle(
|
||||
fontFamily: 'Manrope',
|
||||
fontStyle: FontStyle.normal,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontSize: 15,
|
||||
color: Color(0xFF3D3D3D),
|
||||
),
|
||||
),
|
||||
),
|
||||
@ -553,6 +845,8 @@ class _businessdetailState extends State<businessdetail> {
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -56,7 +56,7 @@ packages:
|
||||
name: collection
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.15.0"
|
||||
version: "1.16.0"
|
||||
cross_file:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -98,7 +98,7 @@ packages:
|
||||
name: fake_async
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.2.0"
|
||||
version: "1.3.0"
|
||||
ffi:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -239,7 +239,7 @@ packages:
|
||||
name: js
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.6.3"
|
||||
version: "0.6.4"
|
||||
libphonenumber:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -288,7 +288,7 @@ packages:
|
||||
name: material_color_utilities
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.1.3"
|
||||
version: "0.1.4"
|
||||
meta:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -302,7 +302,7 @@ packages:
|
||||
name: path
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.8.0"
|
||||
version: "1.8.1"
|
||||
path_drawing:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -455,6 +455,13 @@ packages:
|
||||
description: flutter
|
||||
source: sdk
|
||||
version: "0.0.99"
|
||||
smooth_page_indicator:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: smooth_page_indicator
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.0.0+2"
|
||||
snippet_coder_utils:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
@ -468,7 +475,7 @@ packages:
|
||||
name: source_span
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "1.8.1"
|
||||
version: "1.8.2"
|
||||
stack_trace:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -503,7 +510,7 @@ packages:
|
||||
name: test_api
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.4.8"
|
||||
version: "0.4.9"
|
||||
typed_data:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -524,7 +531,7 @@ packages:
|
||||
name: vector_math
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "2.1.1"
|
||||
version: "2.1.2"
|
||||
win32:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -554,5 +561,5 @@ packages:
|
||||
source: hosted
|
||||
version: "3.1.0"
|
||||
sdks:
|
||||
dart: ">=2.16.2 <3.0.0"
|
||||
dart: ">=2.17.0-0 <3.0.0"
|
||||
flutter: ">=2.10.0-0"
|
||||
|
@ -40,6 +40,7 @@ dependencies:
|
||||
shared_preferences: ^2.0.11
|
||||
intl_phone_number_input: ^0.7.0+2
|
||||
get: ^4.5.1
|
||||
smooth_page_indicator: ^1.0.0+2
|
||||
|
||||
|
||||
|
||||
|