Jahongir/food_delivery_mobile
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: splash page done

Browse Source
This commit is contained in:
jahongireshonqulov
2025-10-31 12:29:30 +05:00
parent ab1ac6e6fa
commit 077ea23416
229 changed files with 3187 additions and 13517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
lib/feature/home/presentation/pages/home_page/home_page.dart
View File

@@ -1,34 +0,0 @@
import '../../../../../food_delivery_client.dart';
class HomePage extends StatelessWidget {
const HomePage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (context) => sl<HomeBloc>(),
child: BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) {
return WLayout(
child: Scaffold(
body: CustomScrollView(
slivers: [
SliverToBoxAdapter(child: WHomeHeader()),
SliverToBoxAdapter(child: Column(children: [
WDeliveryHeader(),
WDiscountPart(),
WOffersCarouselSlider(),
WDiscountPart(),
WPopularNearYou(),
WTodayOffers(),
WPickItUpForFree()
])),
],
),
),
);
},
),
);
}
}

121
lib/feature/home/presentation/pages/home_page/widgets/pick_it_for_free.dart
View File

@@ -1,121 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WPickItUpForFree extends StatelessWidget {
const WPickItUpForFree({super.key});
@override
Widget build(BuildContext context) {
return Column(
mainAxisAlignment:MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
12.verticalSpace,
Column(
mainAxisAlignment:MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Pick it up for free', style: AppTextStyles.size24Bold),
Text(
"Skip the fees when you order pick-up",
style: AppTextStyles.size14Regular.copyWith(
color: AppColors.c545454,
),
),
7.verticalSpace,
],
).paddingSymmetric(horizontal: 15),
Container(
height: 210,
width: context.w,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(AppImages.imgPickUp),
fit: BoxFit.cover,
),
),
child: Align(
alignment: AlignmentGeometry.topCenter,
child: CarouselSlider.builder(
options: CarouselOptions(
height: 100.0,
reverse: false,
viewportFraction: 0.9,
animateToClosest: true,
autoPlay: true,
autoPlayCurve: Curves.easeIn,
initialPage: 0,
padEnds: false,
enableInfiniteScroll: true,
scrollPhysics: const AlwaysScrollableScrollPhysics(),
scrollDirection: Axis.horizontal,
),
itemCount: 5,
itemBuilder: (context, index, realIndex) {
return Builder(
builder: (BuildContext context) {
return PickItUpItem().paddingOnly(left: 15);
},
);
},
),
),
),
10.verticalSpace,
WFoodItem(),
40.verticalSpace
],
);
}
}
class PickItUpItem extends StatelessWidget {
const PickItUpItem({super.key});
@override
Widget build(BuildContext context) {
return Material(
color: AppColors.cTransparent,
child: InkWell(
onTap: () {},
child: Ink(
decoration: BoxDecoration(
color: AppColors.cFFFFFF,
boxShadow: [
BoxShadow(
color: AppColors.c000000.newWithOpacity(.25),
offset: const Offset(0, 1),
blurRadius: 2,
),
],
),
child: Row(
spacing: 6,
children: [
Image.network(
AppLocaleKeys.imageUrl,
height: 88,
width: 96,
fit: BoxFit.cover,
).paddingAll(4),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("Island Takeway", style: AppTextStyles.size17Bold),
Text(
"10-20 min",
style: AppTextStyles.size14Medium.copyWith(
color: AppColors.c6B6B6B,
),
),
],
).paddingOnly(top: 4, bottom: 4, right: 40),
],
),
),
),
);
}
}

51
lib/feature/home/presentation/pages/home_page/widgets/w_categories_header_item.dart
View File

@@ -1,51 +0,0 @@
import 'package:flutter_bounceable/flutter_bounceable.dart';
import '../../../../../../food_delivery_client.dart';
class WCategoriesHeaderItem extends StatelessWidget {
const WCategoriesHeaderItem({
super.key,
required this.text,
required this.imageUrl,
required this.onTap,
});
final String text;
final String imageUrl;
final VoidCallback onTap;
@override
Widget build(BuildContext context) {
return Expanded(
child: InkWell(
onTap: onTap,
borderRadius: AppUtils.kBorderRadius10,
child: Ink(
height: 88,
decoration: BoxDecoration(
borderRadius: AppUtils.kBorderRadius10,
color: AppColors.cE6E6E6.newWithOpacity(.4),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
flex: 2,
child: Align(
alignment: AlignmentGeometry.topRight,
child: Image.asset(imageUrl).paddingOnly(top: 5, right: 5),
),
),
Expanded(
child: Text(
text,
style: AppTextStyles.size18Medium,
).paddingOnly(left: 12, bottom: 6),
),
],
),
),
),
);
}
}

197
lib/feature/home/presentation/pages/home_page/widgets/w_delivery_header.dart
View File

@@ -1,197 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WDeliveryHeader extends StatelessWidget {
const WDeliveryHeader({super.key});
@override
Widget build(BuildContext context) {
List<String> _titles = [
context.loc.convenience,
context.loc.alcohol,
context.loc.petSupplies,
context.loc.more,
];
/*
Siz uchun
Eng ommabop,
Reyting
Yetkazib berish vaqti,
Aksiyalar
*/
List titles = [
'',
context.loc.pickedForYou,
context.loc.mostPopular,
context.loc.rating,
context.loc.deliveryTime,
context.loc.deals,
];
return BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Column(
children: [
15.verticalSpace,
Row(
spacing: 12,
children: [
WCategoriesHeaderItem(
onTap: () {
context.push(
Routes.restaurantsByCategory,
extra: context.loc.american,
);
},
text: context.loc.american,
imageUrl: AppImages.imgAmerican,
),
WCategoriesHeaderItem(
onTap: () {
context.push(
Routes.restaurantsByCategory,
extra: context.loc.grocery,
);
},
text: context.loc.grocery,
imageUrl: AppImages.imgGrocery,
),
],
),
8.verticalSpace,
GridView.builder(
shrinkWrap: true,
itemCount: _titles.length,
padding: EdgeInsets.zero,
scrollDirection: Axis.vertical,
physics: const NeverScrollableScrollPhysics(),
keyboardDismissBehavior:
ScrollViewKeyboardDismissBehavior.onDrag,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 4,
crossAxisSpacing: 5,
mainAxisSpacing: 10,
mainAxisExtent: 118,
// childAspectRatio: 78 / 100,
),
itemBuilder: (context, index) => WCategoryItem(
onTap: () {
if (index == 3) {
CategoriesPage().show(context);
} else {
context.push(
Routes.restaurantsByCategory,
extra: _titles[index],
);
}
},
imgUrl: index != 3 ? _images[index] : null,
text: _titles[index],
child: index == 3
? SizedBox(
height: 55,
width: 55,
child: Icon(Icons.more_horiz),
)
: null,
),
),
],
).paddingSymmetric(horizontal: 15),
15.verticalSpace,
SizedBox(
height: 40,
child: ListView.separated(
padding: EdgeInsets.symmetric(horizontal: 15),
scrollDirection: Axis.horizontal,
itemCount: titles.length,
physics: const AlwaysScrollableScrollPhysics(),
separatorBuilder: (context, index) => 10.horizontalSpace,
itemBuilder: (context, index) => InkWell(
onTap: () async {
if (index != 3 && index != 0) {
context.read<HomeBloc>().add(
HomeEvent.filtered(titles[index]),
);
}
if (index == 3) {
final response = await WRatingBottomSheet(
savedRatings: state.rating ?? [],
).show(context);
if (response != null) {
context.read<HomeBloc>().add(
HomeEvent.rated(response ?? []),
);
}
}
},
borderRadius: AppUtils.kBorderRadius25,
child: Ink(
padding: EdgeInsets.zero,
decoration: BoxDecoration(
color: AppColors.cEEEEEE,
borderRadius: AppUtils.kBorderRadius25,
),
child: Row(
children: [
if (index != 0 && state.filters.contains(titles[index]))
SvgPicture.asset(
AppIcons.icCheck1,
).paddingOnly(right: 5),
if (index == 0)
Badge(
isLabelVisible:
state.filters.isNotEmpty ||
state.rating.isNotEmpty,
backgroundColor: AppColors.c34A853,
child: SvgPicture.asset(AppIcons.icFilter),
).paddingSymmetric(vertical: 6),
if (index == 3 && state.rating.isNotEmpty)
SizedBox(
height: 25,
width: 25,
child: DecoratedBox(
decoration: BoxDecoration(
color: AppColors.c34A853,
borderRadius: AppUtils.kBorderRadius16,
),
child: Center(
child: Text(
"${state.rating.length}",
style: AppTextStyles.size14Regular.copyWith(
color: AppColors.cFFFFFF,
),
),
),
),
).paddingOnly(right: 8),
Text(titles[index], style: AppTextStyles.size14Medium),
if (index == 3) Icon(Icons.keyboard_arrow_down),
],
).paddingSymmetric(vertical: 0, horizontal: 15),
),
),
),
),
10.verticalSpace,
WDivider(),
],
);
},
);
}
}
List _images = [
AppImages.imgConvenience,
AppImages.imgAlcohol,
AppImages.imgPetSupplies,
];

25
lib/feature/home/presentation/pages/home_page/widgets/w_discount_part.dart
View File

@@ -1,25 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WDiscountPart extends StatelessWidget {
const WDiscountPart({super.key});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
ListView.separated(
shrinkWrap: true,
padding: EdgeInsets.symmetric(vertical: 12),
scrollDirection: Axis.vertical,
keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
physics: const NeverScrollableScrollPhysics(),
itemBuilder: (context, index) => WFoodItem(enableTag: true),
separatorBuilder: (context, index) => 20.verticalSpace,
itemCount: 3,
),
WDivider(),
],
);
}
}

59
lib/feature/home/presentation/pages/home_page/widgets/w_home_headers.dart
View File

@@ -1,59 +0,0 @@
import 'package:flutter_svg/flutter_svg.dart';
import '../../../../../../food_delivery_client.dart';
class WHomeHeader extends StatelessWidget {
const WHomeHeader({super.key});
@override
Widget build(BuildContext context) {
return BlocBuilder<HomeBloc, HomeState>(
builder: (context, state) {
return DecoratedBox(
decoration: BoxDecoration(color: AppColors.cFFFFFF),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
15.verticalSpace,
Stack(
alignment: AlignmentGeometry.center,
children: [
TextButton(
onPressed: () {},
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: [
SvgPicture.asset(AppIcons.icLocation, height: 20),
8.horizontalSpace,
Text("London Hall", style: AppTextStyles.size18Medium),
5.horizontalSpace,
SvgPicture.asset(AppIcons.icArrowBottom),
],
),
),
Align(
alignment: AlignmentGeometry.topRight,
child: IconButton(
onPressed: () {
context.push(
Routes.filters,
extra: context.read<HomeBloc>(),
);
},
icon: SvgPicture.asset(
AppIcons.icFilter,
height: 36,
width: 36,
),
),
),
],
),
],
).paddingSymmetric(horizontal: 15),
);
},
);
}
}

103
lib/feature/home/presentation/pages/home_page/widgets/w_offers_carouseL_slider.dart
View File

@@ -1,103 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WOffersCarouselSlider extends StatelessWidget {
WOffersCarouselSlider({super.key});
List _colors = [
AppColors.cD2D7F0,
AppColors.c9EE2B8,
AppColors.cE2CC9E,
AppColors.cC99EE2,
AppColors.cE29EC7,
];
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
16.verticalSpace,
CarouselSlider.builder(
options: CarouselOptions(
height: 170.0,
reverse: false,
viewportFraction: 0.9,
animateToClosest: true,
autoPlay: true,
autoPlayCurve: Curves.easeIn,
initialPage: 0,
padEnds: false,
enableInfiniteScroll: true,
scrollPhysics: const AlwaysScrollableScrollPhysics(),
scrollDirection: Axis.horizontal,
),
itemBuilder: (context, index, realIndex) => Builder(
builder: (BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width,
margin: EdgeInsets.only(left: 15),
decoration: BoxDecoration(
color: _colors[index],
borderRadius: AppUtils.kBorderRadius16,
),
child: Row(
children: [
Expanded(
flex: 3,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"Order from these restaurants and save",
style: AppTextStyles.size17Bold,
),
const Spacer(),
Material(
color: AppColors.cTransparent,
child: InkWell(
onTap: () {},
borderRadius: AppUtils.kBorderRadius30,
child: Ink(
decoration: BoxDecoration(
color: AppColors.cFFFFFF,
borderRadius: AppUtils.kBorderRadius30,
),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.start,
children: [Text('Browse offer')],
).paddingSymmetric(horizontal: 8, vertical: 4),
),
),
),
],
).paddingSymmetric(horizontal: 15, vertical: 15),
),
Expanded(
flex: 2,
child: Column(
children: [
ClipRRect(
borderRadius: AppUtils.kBorderRadiusTop15Bottom15,
child: Image.network(
AppLocaleKeys.imageUrl,
height: 170,
fit: BoxFit.cover,
),
),
],
),
),
],
),
);
},
),
itemCount: _colors.length,
),
8.verticalSpace,
WDivider(),
],
);
}
}

58
lib/feature/home/presentation/pages/home_page/widgets/w_popular_near_you.dart
View File

@@ -1,58 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WPopularNearYou extends StatelessWidget {
const WPopularNearYou({super.key});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
10.verticalSpace,
WSeeAllRaw(title: "Popular near you", onPressed: () {}),
10.verticalSpace,
CarouselSlider.builder(
options: CarouselOptions(
height: 180.0,
reverse: false,
viewportFraction: 0.9,
animateToClosest: true,
autoPlay: true,
autoPlayCurve: Curves.easeIn,
initialPage: 0,
padEnds: false,
enableInfiniteScroll: true,
scrollPhysics: const AlwaysScrollableScrollPhysics(),
scrollDirection: Axis.horizontal,
),
itemCount: 5,
itemBuilder: (context, index, realIndex) {
return Builder(
builder: (BuildContext context) {
return WFoodItem(
imageHeight: 130,
textStyle1: AppTextStyles.size14Medium,
textStyle2: AppTextStyles.size12Regular,
);
},
);
},
),
13.verticalSpace,
WDivider(),
10.verticalSpace,
ListView.separated(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
scrollDirection: Axis.vertical,
itemBuilder: (context, index) => WFoodItem(),
separatorBuilder: (context, index) => 25.verticalSpace,
itemCount: 5,
),
25.verticalSpace,
WDivider(),
],
);
}
}

0
lib/feature/home/presentation/pages/home_page/widgets/w_quick_eats.dart
View File

134
lib/feature/home/presentation/pages/home_page/widgets/w_rating_btm_sheet.dart
View File

@@ -1,134 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WRatingBottomSheet extends StatefulWidget {
const WRatingBottomSheet({super.key, required this.savedRatings});
final List<String> savedRatings;
Future<List<String>?> show(BuildContext context) {
return showModalBottomSheet<List<String>>(
context: context,
builder: (context) => Wrap(children: [this]),
);
}
@override
State<WRatingBottomSheet> createState() => _WRatingBottomSheetState();
}
class _WRatingBottomSheetState extends State<WRatingBottomSheet> {
List<String> rating = [];
void updateRating(String value) {
final list = List<String>.from(rating);
if (list.contains(value)) {
list.remove(value);
setState(() {
rating = list;
});
} else {
list.add(value);
setState(() {
rating = list;
});
}
}
@override
void initState() {
rating = widget.savedRatings;
super.initState();
}
@override
Widget build(BuildContext context) {
final List<String> value = [
"${context.loc.atLeast} 4,9",
"${context.loc.atLeast} 4,7",
"${context.loc.atLeast} 4,5",
];
return WCustomModalBottomSheet(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(context.loc.rating, style: AppTextStyles.size20Medium),
IconButton(
onPressed: () {
context.pop(null);
},
icon: SvgPicture.asset(AppIcons.icClose, height: 15),
),
],
),
15.verticalSpace,
Wrap(
spacing: 10,
runSpacing: 15,
children: List.generate(value.length, (index) {
return WRatingButton(
onTap: () {
updateRating(value[index]);
},
isActive: rating.contains(value[index]),
rating: value[index],
);
}),
),
25.verticalSpace,
AppButton(
name: context.loc.apply,
onPressed: () {
context.pop(rating);
},
),
20.verticalSpace,
],
).paddingSymmetric(horizontal: 15),
);
}
}
class WRatingButton extends StatelessWidget {
const WRatingButton({
super.key,
required this.onTap,
required this.isActive,
required this.rating,
});
final VoidCallback onTap;
final bool isActive;
final String rating;
@override
Widget build(BuildContext context) {
return InkWell(
borderRadius: AppUtils.kBorderRadius25,
onTap: onTap,
child: Ink(
decoration: BoxDecoration(
color: isActive
? AppColors.c34A853
: AppColors.cE6E6E6.newWithOpacity(.6),
borderRadius: AppUtils.kBorderRadius25,
),
child: Row(
spacing: 4,
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.star, color: AppColors.cYellow),
Text(
rating,
style: AppTextStyles.size14Medium.copyWith(
color: isActive ? AppColors.cFFFFFF : AppColors.c000000,
),
),
],
).paddingSymmetric(vertical: 6, horizontal: 10),
),
);
}
}

66
lib/feature/home/presentation/pages/home_page/widgets/w_todays_offers.dart
View File

@@ -1,66 +0,0 @@
import '../../../../../../food_delivery_client.dart';
class WTodayOffers extends StatelessWidget {
const WTodayOffers({super.key});
@override
Widget build(BuildContext context) {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
12.verticalSpace,
WSeeAllRaw(
title: "Today's offers",
onPressed: () {},
),
10.verticalSpace,
CarouselSlider.builder(
options: CarouselOptions(
height: 180.0,
reverse: false,
viewportFraction: 0.9,
animateToClosest: true,
autoPlay: true,
autoPlayCurve: Curves.easeIn,
initialPage: 0,
padEnds: false,
enableInfiniteScroll: true,
scrollPhysics: const AlwaysScrollableScrollPhysics(),
scrollDirection: Axis.horizontal,
),
itemCount: 5,
itemBuilder: (context, index, realIndex) {
return Builder(
builder: (BuildContext context) {
return WFoodItem(
imageHeight: 130,
enableTag: true,
textStyle1: AppTextStyles.size14Medium,
textStyle2: AppTextStyles.size12Regular,
);
},
);
},
),
10.verticalSpace,
WDivider(),
10.verticalSpace,
ListView.separated(
shrinkWrap: true,
physics: const NeverScrollableScrollPhysics(),
keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
scrollDirection: Axis.vertical,
itemBuilder: (context, index) => WFoodItem(),
separatorBuilder: (context, index) => 25.verticalSpace,
itemCount: 3,
),
25.verticalSpace,
WDivider()
],
);
}
}