import 'package:flutter/cupertino.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; import 'package:flutter/widgets.dart'; import 'package:konectar_events/model/keywords_model.dart'; import 'package:konectar_events/model/neweventsmodel.dart'; import 'package:konectar_events/utils/constants.dart'; import 'package:konectar_events/utils/util.dart'; import 'package:konectar_events/view/eventslist.dart'; import 'package:konectar_events/view/eventstab.dart'; import 'package:konectar_events/viewmodel/eventsprovider.dart'; import 'package:konectar_events/widgets/autocompletetags_widget.dart'; import 'package:dropdown_button2/dropdown_button2.dart'; import 'package:intl/intl.dart'; import 'package:konectar_events/widgets/responsive_utils.dart'; import 'package:konectar_events/widgets/snackbar.dart'; import 'package:provider/provider.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState(); } class _HomeScreenState extends State with TickerProviderStateMixin { String? dvalue; final TextEditingController textEditingController = TextEditingController(); final TextEditingController startDatetextEditingController = TextEditingController(); final TextEditingController endDatetextEditingController = TextEditingController(); final TextEditingController datetextEditingController = TextEditingController(); final TextEditingController selecttextEditingController = TextEditingController(); final TextEditingController searchtextEditingController = TextEditingController(); Color? iconColor = Colors.blueGrey[300]; IconData icon = Icons.favorite; List selectedIndex = []; bool selectedFav = false; bool isExtended = false; final ScrollController _scrollController = ScrollController(); final GlobalKey _scaffoldKey = GlobalKey(); AnimationController? animationController; bool _isSearch = false; List therapeuticList = []; @override void dispose() { animationController?.dispose(); super.dispose(); } @override void initState() { animationController = AnimationController( duration: const Duration(milliseconds: 1000), vsync: this); WidgetsBinding.instance.addPostFrameCallback((timeStamp) { init(); }); super.initState(); } init() async { await Provider.of(context, listen: false).initFiltersData(); await Provider.of(context, listen: false).getEvents(); await Provider.of(context, listen: false) .getAddedSessionNotes(); setState(() {}); } @override Widget build(BuildContext context) { return Consumer( builder: (BuildContext context, provider, Widget? child) { // return SafeArea( // top: false, // child: Scaffold( // appBar: CustomAppBar( // title: "Events", // backgroundcolor: Color.fromARGB(255, 0, 71, 132), // ), // // backgroundColor: const Color.fromARGB(255, 222 , 237, 247), // backgroundColor: Constants.bgcolor, // // endDrawer: populateDrawer(provider),Color(0xf6f8fc) // // backgroundColor:Color(0xf6f8fc), // body: Padding( // padding: const EdgeInsets.all(8.0), // child: Column( // children: [ // Row( // children: [ // Expanded( // child: Padding( // padding: const EdgeInsets.only(left: 5.0), // child: Container( // padding: const EdgeInsets.all(20.0), // decoration: BoxDecoration( // borderRadius: BorderRadius.circular(30.0), // //color: Color.fromARGB(179, 248, 238, 238), // color: Colors.white, // ), // height: 60, // child: Center( // child: Expanded( // child: TextField( // textAlignVertical: TextAlignVertical.center, // cursorHeight: 14.0, // maxLines: 1, // controller: // selecttextEditingController, //editing controller of this TextField // decoration: InputDecoration( // // border: OutlineInputBorder(), // hintText: 'Search Events', // enabledBorder: OutlineInputBorder( // borderRadius: BorderRadius.circular(20.0), // borderSide: const BorderSide( // color: Colors.transparent, // width: 0.0), // ), // focusedBorder: OutlineInputBorder( // borderSide: const BorderSide( // color: Colors.transparent, // width: 0.0), // ), // contentPadding: EdgeInsets.symmetric( // vertical: 10.0, horizontal: 20.0), // border: OutlineInputBorder( // borderRadius: // BorderRadius.circular(20.0), // borderSide: // BorderSide(color: Colors.yellow)), // // prefixIcon: Icon( // // Icons.search, // // size: 16, // // ), // // suffixIcon: IconButton( // // onPressed: () {}, // // icon: Icon( // // Icons.filter_list_alt, // // size: 16, // // ), // // ), // hintStyle: const TextStyle(fontSize: 16), // ), // ), // ), // ), // ), // ), // ), // Padding( // padding: const EdgeInsets.only(right: 5.0), // child: Align( // alignment: Alignment.topRight, // child: IconButton( // icon: Icon( // Icons.sort_rounded, // size: isTablet ? 24 : 20, // ), // onPressed: () { // dialogBuilder(context, provider); // // showModalBottomSheet( // // context: context, // // scrollControlDisabledMaxHeightRatio: 1.0, // // isScrollControlled: true, // // builder: (context) { // // return DraggableScrollableSheet( // // initialChildSize: 0.5, // // minChildSize: 0.25, // // maxChildSize: 0.75, // // expand: true, // // builder: (context, scrollController) { // // return Container(); // // }); // // }); // // return FractionallySizedBox( // // heightFactor: 0.5, // // child: populateDrawer(provider), // // ); // // }); // }, // ), // ), // ) // ], // ), // buildListView(context, provider), // // buildEventsGrid(context, provider), // ], // ), // )), // ); return headerview(context, provider); }); } Widget headerview(BuildContext context, EventsProvider provider) { // return SafeArea( return Container( child: Scaffold( key: _scaffoldKey, // drawer: Drawer( // child: Text("This will swipe from left to right"), // ), endDrawer: populateDrawer(provider), appBar: AppBar( automaticallyImplyLeading: false, backgroundColor: EventsConstants.blueColor, centerTitle: true, title: _isSearch ? Padding( padding: EdgeInsets.only(left: 30), child: Container( height: 40, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(5.0)), child: TextField( controller: searchtextEditingController, onChanged: (String txt) async { if (txt.length >= 2) { provider.OnSearch(txt); } if (txt.length < 2) { await provider.onSearchReset(); } }, decoration: InputDecoration( fillColor: EventsConstants.blueColor, contentPadding: EdgeInsets.symmetric(vertical: 9.0), border: OutlineInputBorder(), hintText: "Search for events...", // labelText: ' Search', prefixIcon: Icon( Icons.search, ), ), ), ), ) : Text( "Events", style: TextStyle(color: Colors.white), ), // leading: IconButton( // onPressed: () {}, // icon: Icon( // Icons.person_4_outlined, // size: 20, // color: Colors.white, // )), actions: [ IconButton( onPressed: () async { await provider.onSearchReset(); setState(() { _isSearch = !_isSearch; if (!_isSearch) { searchtextEditingController.clear(); } }); }, icon: Icon( _isSearch ? Icons.close : Icons.search, color: Colors.white, )) ], ), body: Stack( children: [ InkWell( splashColor: Colors.transparent, focusColor: Colors.transparent, highlightColor: Colors.transparent, hoverColor: Colors.transparent, onTap: () { FocusScope.of(context).requestFocus(FocusNode()); }, child: NestedScrollView( controller: _scrollController, headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return [ // SliverList( // delegate: SliverChildBuilderDelegate( // (BuildContext context, int index) { // return Container( // color: Constants.blueColor, // child: Column( // children: [ // // CustomAppBar( // // title: "Events", // // backgroundcolor: // // Color.fromARGB(255, 0, 71, 132), // // ), // // getSearchBarUI(provider), // ], // ), // ); // }, childCount: 1), // ), SliverPersistentHeader( pinned: true, floating: true, delegate: ContestTabHeader( getFilterBarUI(provider), ), ), ]; }, body: Container( color: EventsConstants.bgcolor, child: buildListView(context, provider)), ), ), ], ), ), // ), ); } Widget getFilterBarUI(EventsProvider provider) { return Stack( children: [ Positioned( top: 0, left: 0, right: 0, child: Container( height: 24, decoration: BoxDecoration( color: EventsConstants.bgcolor, boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.2), offset: const Offset(0, -2), blurRadius: 8.0), ], ), ), ), Container( color: EventsConstants.bgcolor, child: Padding( padding: const EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 4), child: Row( children: [ // Container( // height: 40, // child: OutlinedButton( // onPressed: () async { // // setState(() { // await provider.onSelectAll(); // // }); // setState(() {}); // }, // child: Text( // 'All', // style: TextStyle( // // fontFamily: "SourceSerif", // fontSize: 14, // color: provider.isAllSelected // ? Colors.white // : Colors.black, // fontWeight: FontWeight.normal), // ), // style: OutlinedButton.styleFrom( // shape: StadiumBorder(), // backgroundColor: // provider.isAllSelected ? Colors.green : Colors.white, // ), // ), // ), // const SizedBox( // width: 8, // ), // Container( // height: 40, // child: OutlinedButton( // onPressed: () async { // // setState(() { // await provider.onSelectMy(); // // }); // setState(() {}); // }, // child: Text( // 'My Events', // style: TextStyle( // // fontFamily: "SourceSerif", // fontSize: 14, // color: provider.isFavSeleted // ? Colors.white // : Colors.grey, // fontWeight: FontWeight.normal), // ), // style: OutlinedButton.styleFrom( // shape: StadiumBorder(), // backgroundColor: // provider.isFavSeleted ? Colors.green : Colors.white, // ), // ), // ), Container( child: Wrap( children: [ Padding( padding: const EdgeInsets.only(left: 8.0, right: 2.0), child: CupertinoSwitch( activeColor: Color.fromARGB(255, 0, 71, 132), value: provider.isFavSeleted, onChanged: (value) async { provider.isFavSeleted = value; if (provider.isFavSeleted) { await provider.onSelectMy(); } else { await provider.onSelectAll(); } setState(() {}); }, ), ), Padding( padding: const EdgeInsets.only(right: 8.0, top: 9.0), child: !provider.isFavSeleted ? const Text( 'My Events', style: TextStyle(fontSize: 15, color: Colors.grey), ) : const Text( 'My Events', style: TextStyle( fontSize: 15, ), ), ) ], ), ), const Spacer(), // Expanded( // child: Padding( // padding: const EdgeInsets.all(8.0), // child: Text( // '530 hotels found', // style: TextStyle( // fontWeight: FontWeight.w100, // fontSize: 16, // ), // ), // ), // ), Material( color: Colors.transparent, child: InkWell( focusColor: Colors.transparent, highlightColor: Colors.transparent, hoverColor: Colors.transparent, splashColor: Colors.grey.withOpacity(0.2), borderRadius: const BorderRadius.all( Radius.circular(4.0), ), onTap: () { FocusScope.of(context).requestFocus(FocusNode()); // Navigator.push( // context, // MaterialPageRoute( // builder: (BuildContext context) => // populateDrawer(provider), // fullscreenDialog: false), // ); _scaffoldKey.currentState?.openEndDrawer(); }, child: Padding( padding: const EdgeInsets.only(left: 8), child: Row( children: [ Text( 'Filters', style: TextStyle( fontWeight: FontWeight.w100, fontSize: 16, ), ), Padding( padding: const EdgeInsets.all(8.0), child: Icon( Icons.sort, color: Color.fromARGB(255, 0, 71, 132), ), ), ], ), ), ), ), ], ), ), ), const Positioned( top: 0, left: 0, right: 0, child: Divider( height: 1, ), ) ], ); } Widget getSearchBarUI(EventsProvider provider) { return Padding( padding: const EdgeInsets.only(left: 16, right: 16, top: 8, bottom: 8), child: Row( children: [ Padding( padding: const EdgeInsets.only(right: 12, top: 8, bottom: 8), child: Container( decoration: BoxDecoration( color: EventsConstants.bgcolor, borderRadius: const BorderRadius.all( Radius.circular(24.0), ), boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.2), offset: const Offset(0, 2), blurRadius: 8.0), ], ), child: Padding( padding: const EdgeInsets.only(left: 8, right: 8, top: 1, bottom: 1), child: TextField( onChanged: (String txt) async { if (txt.length >= 3) { provider.OnSearch(txt); } if (txt.length <= 3) { await provider.onSearchReset(); } }, style: const TextStyle( fontSize: 14, ), cursorColor: Colors.blue, controller: searchtextEditingController, decoration: InputDecoration( border: InputBorder.none, hintText: ' Search for events...', ), ), ), ), ), Container( // decoration: BoxDecoration( // color: Constants.blueColor, // borderRadius: const BorderRadius.all( // Radius.circular(24.0), // ), // boxShadow: [ // BoxShadow( // color: Colors.grey.withOpacity(0.4), // offset: const Offset(0, 2), // blurRadius: 8.0), // ], // ), child: Material( color: Colors.transparent, child: InkWell( borderRadius: const BorderRadius.all( Radius.circular(28.0), ), onTap: () async { FocusScope.of(context).requestFocus(FocusNode()); if (searchtextEditingController.text.length >= 3) provider.OnSearch(searchtextEditingController.text); else await provider.onSearchReset(); }, child: Padding( padding: const EdgeInsets.all(16.0), child: Icon(FontAwesomeIcons.magnifyingGlass, size: 18, color: Colors.white), ), ), ), ), ], ), ); } Widget getAppBarUI() { return Container( decoration: BoxDecoration( color: Color.fromARGB(255, 0, 71, 132), boxShadow: [ BoxShadow( color: Colors.grey.withOpacity(0.2), offset: const Offset(0, 2), blurRadius: 8.0), ], ), child: Padding( padding: EdgeInsets.only( top: MediaQuery.of(context).padding.top, left: 8, right: 8), child: Row( children: [ Container( alignment: Alignment.centerLeft, width: AppBar().preferredSize.height + 40, height: AppBar().preferredSize.height, // child: Material( // color: Colors.transparent, // child: InkWell( // borderRadius: const BorderRadius.all( // Radius.circular(32.0), // ), // onTap: () { // Navigator.pop(context); // }, // child: Padding( // padding: const EdgeInsets.all(8.0), // child: Icon(Icons.arrow_back), // ), // ), // ), ), Center( child: Text( 'Events', style: TextStyle( fontWeight: FontWeight.w600, fontSize: 22, ), ), ), Container( width: AppBar().preferredSize.height + 40, height: AppBar().preferredSize.height, child: Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.end, children: [ Material( color: Colors.transparent, child: InkWell( borderRadius: const BorderRadius.all( Radius.circular(32.0), ), onTap: () {}, child: Padding( padding: const EdgeInsets.all(8.0), child: Icon(Icons.favorite_border), ), ), ), Material( color: Colors.transparent, child: InkWell( borderRadius: const BorderRadius.all( Radius.circular(32.0), ), onTap: () {}, child: Padding( padding: const EdgeInsets.all(8.0), child: Icon(Icons.local_activity), ), ), ), ], ), ) ], ), ), ); } Future dialogBuilder(BuildContext context, EventsProvider provider) { return showDialog( context: context, builder: (BuildContext context) { // return AlertDialog( // title: const Text('Session Notes'), return populateDrawer(provider); // actions: [ // TextButton( // style: TextButton.styleFrom( // textStyle: Theme.of(context).textTheme.labelLarge, // ), // child: const Text('Submit'), // onPressed: () { // Navigator.of(context).pop(); // }, // ), // TextButton( // style: TextButton.styleFrom( // textStyle: Theme.of(context).textTheme.labelLarge, // ), // child: const Text('Cancel'), // onPressed: () { // Navigator.of(context).pop(); // }, // ), // ], // ); }, ); } List sortEvents = ["All Events", "My Events"]; Widget dropDown({ Widget? underline, Widget? icon, TextStyle? style, TextStyle? hintStyle, Color? dropdownColor, }) => DropdownButton( value: dvalue, underline: underline, icon: Align(alignment: Alignment.centerRight, child: icon), dropdownColor: dropdownColor, isExpanded: true, style: TextStyle( fontFamily: "SourceSerif", color: Colors.black, fontSize: 12.0, ), // iconEnabledColor: iconEnabledColor, onChanged: (String? newValue) { setState(() { dvalue = newValue; }); }, hint: Text("Select", style: hintStyle), items: sortEvents .map((session) => DropdownMenuItem( value: session, child: Text(session))) .toList()); populateDrawer(EventsProvider provider) { return Theme( data: Theme.of(context).copyWith(canvasColor: EventsConstants.bgcolor), child: Container( width: MediaQuery.of(context).size.width * 0.60, color: EventsConstants.bgcolor, child: Drawer( child: SingleChildScrollView( scrollDirection: Axis.vertical, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ // DrawerHeader( // child: Center( // child: Text('Filters'), // // child: Image.asset("assets/images/lf_logo.png", // // height: 100, width: 100), // ), // ), Container( //color: Colors.transparent, padding: EdgeInsets.only(top: 20, left: 5.0), ), Padding( padding: const EdgeInsets.only(left: 8.0), child: Row( children: [ InkWell( onTap: () { Navigator.pop(context); }, child: Icon( Icons.arrow_back_ios, color: Colors.black, size: isTablet ? 20 : 16, ), ), SizedBox( width: 8.0, ), Text( 'Filters', style: TextStyle(fontSize: 20), ), const Spacer(), Align( alignment: Alignment.topRight, child: Container( height: 30, child: OutlinedButton( onPressed: () { print("&&&"); print(provider.selectedTherapeutic); if (provider.selectedTherapeutic.isNotEmpty) { provider.OnFilters(); } setState(() { Navigator.pop(context); }); }, child: Text( 'Apply', style: TextStyle( // fontFamily: "SourceSerif", fontSize: 14, color: Colors.white, fontWeight: FontWeight.normal), ), style: OutlinedButton.styleFrom( shape: StadiumBorder(), backgroundColor: Colors.green, ), ), ), ), SizedBox( width: 8.0, ), ], ), ), Divider( height: 7, color: Colors.black, ), // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('Search Scope'), // subtitle: customAutoCompletedropdown(), // onTap: () {}, // ), // ), // StringAutoCompleteTags( // initialTags: [ // TagsData(name: "cancer screening ", id: "1"), // TagsData(name: "cosmetic surgery", id: "2"), // TagsData(name: "sleep medicine", id: "3"), // TagsData(name: "ADHD", id: "4"), // ], // hintText: "Enter scope", // ), // Container( // padding: const EdgeInsets.all(4.0), // height: 40, // width: double.infinity, // decoration: BoxDecoration( // border: Border.all(color: Colors.grey), // borderRadius: BorderRadius.circular(8.0)), // child: dropDown(underline: Container())), Wrap( //spacing: 4, // runSpacing: 4, // crossAxisAlignment: WrapCrossAlignment.start, // runAlignment: WrapAlignment.spaceEvenly, // alignment: WrapAlignment.spaceEvenly, // direction: Axis.horizontal, // mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ SizedBox( width: isTablet ? MediaQuery.of(context).size.width / 2 : MediaQuery.of(context).size.width, child: ListTile( //title: Text('Search Scope'), subtitle: StringAutoCompleteTags( initialTags: provider.therapeuticList .map((e) => TagsData(id: e.id, name: e.therapeuticName)) .toList(), hintText: "Enter scope", filtername: "scope", getList: (TextEditingValue textEditingValue) { List taglist = []; taglist = provider.therapeuticList .map((e) => TagsData(id: e.id, name: e.therapeuticName)) .toList(); if (textEditingValue.text == '') { return const Iterable.empty(); } if (textEditingValue.text.length > 1) { return taglist.where((TagsData option) { return option.name.contains( textEditingValue.text.toLowerCase()); }); } return taglist.where((TagsData option) { return option.name.contains( textEditingValue.text.toLowerCase()); }); }, ), onTap: () {}, selectedColor: Colors.white, selectedTileColor: Colors.white, ), ), SizedBox( width: isTablet ? MediaQuery.of(context).size.width / 2 : MediaQuery.of(context).size.width, child: ListTile( // title: Text('Search Keyword'), subtitle: StringAutoCompleteTags( initialTags: provider.keywordList .map((e) => TagsData(id: e.id, name: e.name)) .toList(), filtername: "keyword", hintText: "Enter Keyword", getList: (TextEditingValue textEditingValue) async { if (textEditingValue.text == '') { return const Iterable.empty(); } if (textEditingValue.text.length >= 3) { List keywordlist = await provider .getKeywordList(textEditingValue.text); return keywordlist .map((e) => TagsData(id: e.id, name: e.name)) .toList() .where((TagsData option) { return option.name.contains( textEditingValue.text.toLowerCase()); }); } else { return const Iterable.empty(); } }, ), onTap: () {}, ), ), SizedBox( width: isTablet ? MediaQuery.of(context).size.width / 2 : MediaQuery.of(context).size.width, child: ListTile( // title: Text('Search Speakers'), subtitle: StringAutoCompleteTags( initialTags: [ TagsData(name: "Gavino Casu", id: "1"), TagsData(name: "Calvin Marentz", id: "2"), TagsData(name: "Vineet Bhandari", id: "3"), TagsData(name: "Jose Travino", id: "4"), ], hintText: "Enter Speakers", filtername: "speakers", getList: (TextEditingValue textEditingValue) { if (textEditingValue.text == '') { return const Iterable.empty(); } return [ TagsData(name: "Gavino Casu", id: "1"), TagsData(name: "Calvin Marentz", id: "2"), TagsData(name: "Vineet Bhandari", id: "3"), TagsData(name: "Jose Travino", id: "4"), ].where((TagsData option) { return option.name.contains( textEditingValue.text.toLowerCase()); }); }, ), onTap: () {}, ), ), ], ), // Center( // child: SizedBox( // width: 200, // height: 40, // child: ListTile( // title: Container( // color: Colors.blue, // child: Center( // child: Text( // 'Apply', // style: TextStyle(color: Colors.white), // ))), // onTap: () {}, // ), // ), // ), Divider( height: 1, color: Colors.black, ), ExpansionTile( shape: Border(), title: Text("More"), children: [ Column( children: [ SizedBox( width: isTablet ? MediaQuery.of(context).size.width / 2 : MediaQuery.of(context).size.width, child: ListTile( title: Text('Start Date'), subtitle: buildDateWidget( startDatetextEditingController, "Start Date"), onTap: () {}, ), ), SizedBox( width: isTablet ? MediaQuery.of(context).size.width / 2 : MediaQuery.of(context).size.width, child: ListTile( title: Text('End Date'), subtitle: buildDateWidget( endDatetextEditingController, "End Date"), onTap: () {}, ), ), ], ), // Row( // children: [ // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('City'), // subtitle: customAutoCompletedropdown( // ["Chicago", "Seattle", "San Deigo"]), // onTap: () {}, // ), // ), // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('State'), // subtitle: customAutoCompletedropdown( // ["California", "Illinois", "New York"]), // onTap: () {}, // ), // ), // ], // ), // Row( // children: [ // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('Country'), // subtitle: customAutoCompletedropdown([ // "Netherlands", // "Switzerland", // "United States" // ]), // onTap: () {}, // ), // ), // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('Number of Attendees'), // subtitle: buildTextFieldWidget(), // onTap: () {}, // ), // ), // ], // ), // Row( // children: [ // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('Client Attendees'), // subtitle: buildTextFieldWidget(), // onTap: () {}, // ), // ), // SizedBox( // width: (MediaQuery.of(context).size.width * 0.99) / 2, // child: ListTile( // title: Text('New Attendees'), // subtitle: buildTextFieldWidget(), // onTap: () {}, // ), // ), // ], // ), ], ), ], ), ), ), ), ); } Widget buildDateWidget(TextEditingController controller, String hint) { return SizedBox( width: isTablet ? 200 : MediaQuery.of(context).size.width, height: isTablet ? 50 : 40, child: TextField( controller: controller, //editing controller of this TextField decoration: InputDecoration( // border: OutlineInputBorder(), // border: OutlineInputBorder( // borderRadius: BorderRadius.circular(10.0), // ), // labelStyle: const TextStyle(fontSize: 16), suffixIcon: const Icon(Icons.calendar_today), //icon of text field // labelText: "Enter Date" //label text of field hintText: hint, ), readOnly: true, //set it true, so that user will not able to edit text onTap: () async { DateTime? pickedDate = await showDatePicker( context: context, anchorPoint: Offset(20.0, 30.0), initialDate: DateTime.now(), firstDate: DateTime( 2000), //DateTime.now() - not to allow to choose before today. lastDate: DateTime(2101)); if (pickedDate != null) { print( pickedDate); //pickedDate output format => 2021-03-10 00:00:00.000 String formattedDate = DateFormat('yyyy-MM-dd').format(pickedDate); print( formattedDate); //formatted date output using intl package => 2021-03-16 //you can implement different kind of Date Format here according to your requirement setState(() { // output date to TextField value. controller.text = formattedDate; }); } else { print("Date is not selected"); } }, ), ); } Widget buildTextFieldWidget() { return SizedBox( width: isTablet ? 200 : MediaQuery.of(context).size.width, height: isTablet ? 50 : 40, child: TextField( controller: selecttextEditingController, //editing controller of this TextField decoration: InputDecoration( // border: OutlineInputBorder(), border: OutlineInputBorder( borderRadius: BorderRadius.circular(10.0), ), labelStyle: const TextStyle(fontSize: 16), ), ), ); } Widget customAutoCompletedropdown(List list) { // sectionItem.value = list[0].name; // if (list.isEmpty) { // print("list is empty"); //} //InputClass selectedObj = list[0]; return SizedBox( width: isTablet ? 200 : MediaQuery.of(context).size.width, height: isTablet ? 60 : 40, child: DropdownButtonFormField2( isExpanded: true, decoration: InputDecoration( // Add Horizontal padding using menuItemStyleData.padding so it matches // the menu padding when button's width is not specified. contentPadding: const EdgeInsets.symmetric(vertical: 5), border: OutlineInputBorder( borderRadius: BorderRadius.circular(15), ), // Add more decoration.. ), hint: Text( 'Select Item', style: TextStyle( fontSize: 14, color: Theme.of(context).hintColor, ), ), items: list .map((item) => DropdownMenuItem( value: item, child: Text( item, style: const TextStyle( fontSize: 14, ), ), )) .toList(), value: list[0], onSaved: (value) {}, onChanged: (value) { // setState(() { }, buttonStyleData: const ButtonStyleData( padding: EdgeInsets.symmetric(horizontal: 16), height: 40, width: 200, ), dropdownStyleData: const DropdownStyleData( maxHeight: 200, ), menuItemStyleData: const MenuItemStyleData( height: 40, ), dropdownSearchData: DropdownSearchData( searchController: textEditingController, searchInnerWidgetHeight: 50, searchInnerWidget: Container( height: 50, padding: const EdgeInsets.only( top: 8, bottom: 4, right: 8, left: 8, ), child: TextFormField( expands: true, maxLines: null, controller: textEditingController, decoration: InputDecoration( isDense: true, contentPadding: const EdgeInsets.symmetric( horizontal: 10, vertical: 8, ), hintText: 'Search...', hintStyle: const TextStyle(fontSize: 12), border: OutlineInputBorder( borderRadius: BorderRadius.circular(8), ), ), ), ), searchMatchFn: (item, searchValue) { return item.value!.toString().contains(searchValue); }, ), //This to clear the search value when you close the menu onMenuStateChange: (isOpen) { if (!isOpen) { textEditingController.clear(); } }, ), ); } Widget buildListView(BuildContext context, EventsProvider provider) { return ListView.builder( itemCount: provider.isSearch ? provider.searchList.length : provider.eventList.length, padding: const EdgeInsets.only(top: 2), shrinkWrap: true, scrollDirection: Axis.vertical, itemBuilder: (BuildContext context, int index) { final int count = provider.eventList.length > 10 ? 10 : provider.eventList.length; final Animation animation = Tween(begin: 0.0, end: 1.0) .animate(CurvedAnimation( parent: animationController!, curve: Interval((1 / count) * index, 1.0, curve: Curves.fastOutSlowIn))); animationController?.forward(); return _buildlistCard( animation: animation, animationController: animationController!, provider: provider, eventsList: provider.isSearch ? provider.searchList[index] : provider.eventList[index], ); }, ); } Widget _buildlistCard( {required Animation? animation, required AnimationController? animationController, required EventsProvider provider, required EventsList eventsList}) { return AnimatedBuilder( animation: animationController!, builder: (BuildContext context, Widget? child) { return FadeTransition( opacity: animation!, child: Transform( transform: Matrix4.translationValues( 0.0, 50 * (1.0 - animation.value), 0.0), child: Padding( padding: const EdgeInsets.only( left: 10, right: 10, top: 8, bottom: 12), child: InkWell( splashColor: Colors.transparent, onTap: () { Navigator.of(context, rootNavigator: true) .push(MaterialPageRoute( builder: (context) => EventsListingScreen( event: eventsList, ), )); }, child: Card( elevation: 4, surfaceTintColor: Colors.white, // shadowColor: Constants.bgcolor, child: buildCardView(context, eventsList, provider), ), )))); }); } Widget buildEventsGrid(BuildContext context, EventsProvider provider) { final textTheme = Theme.of(context) .textTheme .apply(displayColor: Theme.of(context).colorScheme.onSurface); // Set the default number of columns to 3. int columnsCount = 2; // Define the icon size based on the screen width // Use the ResponsiveUtils class to determine the device's screen size. if (ResponsiveUtils.isMobile(context)) { columnsCount = 1; } else if (ResponsiveUtils.isDesktop(context)) { columnsCount = 3; } // Build the grid view using the number of columns. return Expanded( child: GridView.builder( // Set padding and spacing between cards. padding: const EdgeInsets.symmetric(vertical: 5), scrollDirection: Axis.vertical, gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( // Set the number of columns based on the device's screen size. crossAxisCount: columnsCount, // Set the aspect ratio of each card. // childAspectRatio: isTablet ? 2 : 2, // crossAxisSpacing: isTablet ? 30 : 20, // mainAxisSpacing: isTablet ? 40 : 20, childAspectRatio: isTablet ? 2 : 2.2, crossAxisSpacing: isTablet ? 30 : 1, mainAxisSpacing: isTablet ? 40 : 4, ), // Set the number of items in the grid view. itemCount: provider.eventList.length, itemBuilder: (BuildContext context, int index) { // Build each card in the grid view. return InkWell( onTap: () { Navigator.of(context, rootNavigator: true) .push(MaterialPageRoute( builder: (context) => EventsTab( event: provider.eventList[index], ), )); // Navigator.of(context).push(new MaterialPageRoute( // builder: (BuildContext context) { // return new EventsTab(); // }, // fullscreenDialog: true)); }, child: Card( elevation: 2, shadowColor: EventsConstants.bgcolor, child: buildCardView( context, provider.eventList[index], provider))); }, // Set the grid view to shrink wrap its contents. shrinkWrap: true, // Disable scrolling in the grid view. // physics: const NeverScrollableScrollPhysics(), ), ); } buildCardView( BuildContext context, EventsList event, EventsProvider provider) { double height = isTablet ? MediaQuery.of(context).size.height * 0.35 : MediaQuery.of(context).size.height * 0.65; return ConstrainedBox( constraints: BoxConstraints.tightFor(), child: Container( decoration: BoxDecoration( // color: Color.fromARGB(179, 248, 238, 238), color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(20))), // height: MediaQuery.of(context).size.height * 0.2, // height: double.minPositive, padding: isTablet ? EdgeInsets.symmetric(horizontal: 8.0, vertical: 2.0) : EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0), child: // Column( // crossAxisAlignment: CrossAxisAlignment.end, // // mainAxisAlignment: MainAxisAlignment.spaceEvenly, // children: [ // SizedBox( // height: isTablet ? 1 : 3, // ), // Container( // // height: isTablet ? height * 0.50 : height * 0.30, // padding: const EdgeInsets.only(top: 5.0), // width: double.maxFinite, // child: Column( // crossAxisAlignment: CrossAxisAlignment.end, // mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ Align( alignment: FractionalOffset.topLeft, child: Text( event.name1 ?? "", style: TextStyle( // decoration: TextDecoration.underline, // decorationColor: Colors.blue, color: Colors.black, fontWeight: FontWeight.bold, fontSize: isTablet ? 22 : 16, // fontFamily: "SourceSerif", ), maxLines: isTablet ? 4 : 4, softWrap: true, overflow: TextOverflow.ellipsis, ), ), SizedBox( height: 14, ), // Positioned( // child: Align( alignment: FractionalOffset.bottomLeft, child: Row( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.end, children: [ RichText( text: TextSpan( children: [ WidgetSpan( child: Icon(Icons.calendar_month, size: 16), ), TextSpan( text: ' ${event.start} to ${event.end}', style: TextStyle( color: Colors.black, //fontStyle: FontStyle.italic, fontSize: isTablet ? 20 : 14), ), ], ), ), SizedBox( height: 5.0, ), RichText( textAlign: TextAlign.justify, text: TextSpan( children: [ WidgetSpan( child: Icon(Icons.location_on, size: 16), ), TextSpan( text: ' ${event.city != null && event.city != "" ? "${event.city}, " : ""}${event.region != null && event.region != "" ? "${event.region}, " : ""}${event.country != null && event.country != "" ? "${event.country}" : ""}', style: TextStyle( color: Colors.black, //fontStyle: FontStyle.italic, fontSize: isTablet ? 20 : 14), ), ], ), ), ], ), Align( alignment: FractionalOffset.bottomRight, child: Column( crossAxisAlignment: CrossAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ SizedBox( width: 40, height: 30, child: FloatingActionButton.extended( elevation: 1, shape: CircleBorder(), backgroundColor: EventsConstants.bgcolor, onPressed: () async { // String msg = await provider // .addEventsToFavs(event.eventId!); setState(() { event.isfav = !event.isfav; if (event.isfav) { SnackBarWidget.displaySnackBar( "Added to favorites!", context); } else { SnackBarWidget.displaySnackBar( "Removed from favorites!", context); } }); if (event.isfav) { await provider.favsEventsData(event); } else { await provider.delateEventsData(event); } }, label: AnimatedSwitcher( duration: Duration(seconds: 1), transitionBuilder: (Widget child, Animation animation) => FadeTransition( opacity: animation, child: SizeTransition( child: child, sizeFactor: animation, axis: Axis.horizontal, ), ), child: event.isfav ? Column( children: [ Icon( Icons.favorite, color: Colors.red, size: 14, ), ], ) : Icon( Icons.favorite, color: Colors.grey, size: 14, ))), ), SizedBox( height: 2, ), event.isfav ? RichText( text: TextSpan( children: [ WidgetSpan( child: Icon(Icons.check, color: Colors.grey[600], size: isTablet ? 14 : 12), ), TextSpan( text: ' following', style: TextStyle( color: Colors.grey[600], fontSize: isTablet ? 14 : 12), ), ], ), ) : Center( child: RichText( text: TextSpan( children: [ TextSpan( text: 'follow ', style: TextStyle( color: Colors.grey[600], fontSize: isTablet ? 14 : 12), ), ], ), ), ), ], ), ), // Align( // alignment: Alignment.bottomRight, // child: SizedBox( // height: 30, // child: OutlinedButton( // onPressed: () { // setState(() { // // selectedIndex.add(index); // if (selectedIndex.isNotEmpty) { // int count = selectedIndex // .where( // (element) => element == index, // ) // .length; // if (count >= 1) { // iconColor = Colors.grey; // selectedFav = false; // icon = Icons.favorite; // selectedIndex.remove(index); // } else { // selectedIndex.add(index); // if (selectedIndex.contains(index)) { // iconColor = Colors.red; // icon = Icons.favorite; // selectedFav = true; // } // } // } else { // selectedIndex.add(index); // if (selectedIndex.contains(index)) { // iconColor = Colors.red; // icon = Icons.favorite; // selectedFav = true; // } // //} // } // }); // }, // child: Icon( // icon, // size: isTablet ? 20 : 18, // color: selectedFav && selectedIndex.contains(index) // ? iconColor // : Colors.grey, // ), // style: OutlinedButton.styleFrom( // shape: CircleBorder(), // ), // ), // ), // ), ], ), ), // ), ], ), // Image.asset( // "assets/images/events2.jpg", // fit: BoxFit.cover, // ), //), // Divider( // color: Colors.blueGrey, // thickness: 2, // height: 2, // ), // SizedBox( // height: 5, // ), // Text( // 'Organizer: Hematology/Oncology Pharmacy Association (HOPA)', // style: TextStyle( // color: Colors.black, // fontStyle: FontStyle.italic, // fontFamily: "SourceSerif", // fontSize: isTablet ? 18 : 14), // maxLines: 2, // softWrap: true, // overflow: TextOverflow.ellipsis, // ), // SizedBox( // // height: 100, // child: Padding( // padding: const EdgeInsets.symmetric(vertical: 4.0), // child: Column( // mainAxisAlignment: MainAxisAlignment.start, // crossAxisAlignment: CrossAxisAlignment.start, // children: [ // Row( // children: [], // ), // RichText( // text: TextSpan( // children: [ // WidgetSpan( // child: SizedBox( // width: 80, // height: 18, // child: WidgetStack( // stackedWidgets: [ // for (var n = 0; n < 5; n++) // CircleAvatar( // child: Icon( // Icons.person, // size: 14, // color: Colors.blueGrey[300], // )) // ], // positions: RestrictedPositions( // maxCoverage: 0.3, // minCoverage: 0.4, // ), // buildInfoWidget: (surplus) { // return Center( // child: Text( // '+$surplus', // style: Theme.of(context).textTheme.headline5, // )); // }, // ), // ), // ), // TextSpan( // text: '5', // style: TextStyle( // color: Colors.black, // fontFamily: "SourceSerif", // fontSize: 16), // ), // TextSpan( // text: ' attendees', // style: TextStyle( // color: Colors.black, // fontFamily: "SourceSerif", // fontSize: 14), // ), // ], // ), // ), // RichText( // text: TextSpan( // children: [ // WidgetSpan( // child: SizedBox( // width: 50, // height: 18, // child: WidgetStack( // stackedWidgets: [ // for (var n = 0; n < 3; n++) // CircleAvatar( // child: Icon( // Icons.person, // size: 14, // color: Colors.blueGrey[300], // )) // ], // positions: RestrictedPositions( // maxCoverage: 0.3, // minCoverage: 0.4, // ), // buildInfoWidget: (surplus) { // return Center( // child: Text( // '+$surplus', // style: Theme.of(context).textTheme.headline5, // )); // }, // ), // ), // ), // TextSpan( // text: '3', // style: TextStyle( // color: Colors.black, // fontFamily: "SourceSerif", // fontSize: 16), // ), // TextSpan( // text: ' client attendees', // style: TextStyle( // color: Colors.black, // fontFamily: "SourceSerif", // fontSize: 14), // ), // ], // ), // ), // ], // ), // ), // ), // Row( // children: [ // SizedBox( // height: 30, // child: OutlinedButton( // onPressed: () {}, // child: Text('Add to My Events'), // style: OutlinedButton.styleFrom( // shape: StadiumBorder(), // ), // ), // ), // ], // ) // ], // ), ), ); } } class ContestTabHeader extends SliverPersistentHeaderDelegate { ContestTabHeader( this.searchUI, ); final Widget searchUI; @override Widget build( BuildContext context, double shrinkOffset, bool overlapsContent) { return Container(color: Colors.white, child: searchUI); } @override double get maxExtent => 52.0; @override double get minExtent => 52.0; @override bool shouldRebuild(SliverPersistentHeaderDelegate oldDelegate) { return true; } }