import 'package:flutter/material.dart'; import 'package:openclosenew/FontFamily.dart'; import 'package:openclosenew/colors.dart'; import 'fontsize.dart'; class ProductListing extends StatefulWidget { const ProductListing({Key? key}) : super(key: key); @override State createState() => _ProductListingState(); } class _ProductListingState extends State with TickerProviderStateMixin { @override Widget build(BuildContext context) { TabController _tabController = TabController(length: 5, vsync: this); return Scaffold( body: SafeArea( child: Padding( padding: const EdgeInsets.only(left: 20, right: 15, top: 10), child: Column( children: [ Row( children: [ InkWell( onTap: () { Navigator.pop(context); }, child: Icon( Icons.arrow_back, color: DarkGray, size: 24, ), ), SizedBox(width: 20), Text( 'Food Items', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, fontSize: HeadText, color: DarkGray, ), ), Spacer(), InkWell( onTap: () {}, child: Icon( Icons.add, color: DarkGray, size: 24, ), ), ], ), SizedBox( height: 30, ), TabBar( indicator: BoxDecoration( color: primaryColor, borderRadius: BorderRadius.circular(4)), isScrollable: true, labelColor: White, unselectedLabelColor: Gray, controller: _tabController, labelStyle: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: 15, ), tabs: [ Tab(text: "All"), Tab(text: "Rice"), Tab(text: "Starters"), Tab(text: "Breads"), Tab(text: "North In"), ], ), SizedBox(height: 30), Expanded( child: ListView( scrollDirection: Axis.vertical, children: [ InkWell( onTap: () { BottomSheets(context); }, child: Container( height: 250, width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(10)), boxShadow: [ BoxShadow( color: White, offset: Offset(4.0, 4.0), blurRadius: 10.0, spreadRadius: 1.0, ), ], ), child: Stack( children: [ Column( children: [ Image( image: AssetImage( 'assets/images/Chicken_Briyani.png'), ), Padding( padding: const EdgeInsets.only( top: 10, left: 15, right: 15), child: Row( children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Chicken Briyani', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, fontSize: HeadText, color: DarkGray, ), ), SizedBox( height: 5, ), Text( '₹ 180.00', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w600, fontSize: HeadText, color: DarkGray, ), ), ], ), Spacer(), Column( crossAxisAlignment: CrossAxisAlignment.end, children: [ Container( padding: EdgeInsets.only( left: 5, right: 5, ), height: 25, width: 50, decoration: BoxDecoration( color: Color(0xFFF0A30C), borderRadius: BorderRadius.circular(5), ), child: Row( children: [ Text( '4.2', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: White, ), ), Spacer(), Icon( Icons.star_rate_rounded, size: 20, color: White, ) ], ), ), SizedBox( height: 5, ), Text( '56 ratings', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: Gray, ), ), ], ), ], ), ), ], ), ], ), ), ), SizedBox(height: 15), InkWell( onTap: () {}, child: Container( height: 250, width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.circular(5), boxShadow: [ BoxShadow( color: White, offset: Offset(4.0, 4.0), blurRadius: 10.0, spreadRadius: 1.0, ), ], ), child: Stack( children: [ Column( children: [ Image( image: AssetImage( 'assets/images/MuttonBriyani.png'), ), Padding( padding: const EdgeInsets.only( top: 10, left: 15, right: 15), child: Row( children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Mutton Briyani', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, fontSize: HeadText, color: DarkGray, ), ), SizedBox( height: 5, ), Text( '₹ 270.00', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w600, fontSize: HeadText, color: DarkGray, ), ), ], ), Spacer(), Column( crossAxisAlignment: CrossAxisAlignment.end, children: [ Container( padding: EdgeInsets.only( left: 5, right: 5, ), height: 25, width: 50, decoration: BoxDecoration( color: Color(0xFFF0A30C), borderRadius: BorderRadius.circular(5), ), child: Row( children: [ Text( '3.8', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: White, ), ), Spacer(), Icon( Icons.star_rate_rounded, size: 20, color: White, ) ], ), ), SizedBox( height: 5, ), Text( '56 ratings', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: Gray, ), ), ], ), ], ), ), ], ), ], ), ), ), SizedBox(height: 15), InkWell( onTap: () {}, child: Container( height: 250, width: double.infinity, decoration: BoxDecoration( borderRadius: BorderRadius.circular(5), boxShadow: [ BoxShadow( color: White, offset: Offset(4.0, 4.0), blurRadius: 10.0, spreadRadius: 1.0, ), ], ), child: Stack( children: [ Column( children: [ Image( image: AssetImage( 'assets/images/GrilledChicken.png'), ), Padding( padding: const EdgeInsets.only( top: 10, left: 15, right: 15), child: Row( children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Chicken Briyani', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, fontSize: HeadText, color: DarkGray, ), ), SizedBox( height: 5, ), Text( '₹ 180.00', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w600, fontSize: HeadText, color: DarkGray, ), ), ], ), Spacer(), Column( crossAxisAlignment: CrossAxisAlignment.end, children: [ Container( padding: EdgeInsets.only( left: 5, right: 5, ), height: 25, width: 50, decoration: BoxDecoration( color: Color(0xFFF0A30C), borderRadius: BorderRadius.circular(5), ), child: Row( children: [ Text( '4.2', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: White, ), ), Spacer(), Icon( Icons.star_rate_rounded, size: 20, color: White, ), ], ), ), SizedBox( height: 5, ), Text( '56 ratings', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: Gray, ), ), ], ), ], ), ), ], ), ], ), ), ), ], ), ), ], ), ), ), ); } } void BottomSheets(BuildContext context) { showModalBottomSheet( context: context, builder: (context) => Container( decoration: BoxDecoration( borderRadius: BorderRadius.circular(50), ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Image( image: AssetImage('assets/images/Chicken_Briyani.png'), ), Padding( padding: const EdgeInsets.only(top: 20, left: 20, right: 20), child: Row( crossAxisAlignment: CrossAxisAlignment.start, children: [ Image( image: AssetImage('assets/images/nonveg_icon.png'), height: 20, width: 20, ), SizedBox(width: 15), Text('Non-Veg'), Spacer(), Column( children: [ Container( padding: EdgeInsets.only( left: 5, right: 5, ), height: 25, width: 50, decoration: BoxDecoration( color: Color(0xFFF0A30C), borderRadius: BorderRadius.circular(5), ), child: Row( children: [ Text( '4.2', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: White, ), ), Spacer(), Icon( Icons.star_rate_rounded, size: 20, color: White, ), ], ), ), SizedBox( height: 5, ), Text( '56 ratings', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: Gray, ), ), ], ), ], ), ), Padding( padding: const EdgeInsets.only(left: 20, right: 20), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Chicken Briyani', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w500, fontSize: TitleText, color: DarkGray, ), ), SizedBox( height: 5, ), Text( '₹ 180.00', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w600, fontSize: 20, color: DarkGray, ), ), SizedBox( height: 15, ), Text( 'Biryani is a mixed rice dish originating among the Muslims of the Indian subcontinent. It is made with Indian spices, rice, and usually some type of meat, and sometimes, in addition, eggs and potatoes. Biryani is one of the most popular dishes in South Asia', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: DarkGray, ), ), ], ), ), Spacer(), Padding( padding: const EdgeInsets.only(bottom: 25), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Image.asset( 'assets/images/edit_pen.png', color: primaryColor, width: 25, height: 25, ), SizedBox(width: 5), Text( 'Edit', style: TextStyle( fontFamily: Font, fontStyle: FontStyle.normal, fontWeight: FontWeight.w400, fontSize: SubText, color: primaryColor, ), ), ], ), ), ], ), ), ); }