I want to customise the flutter table_calendar package such that it displays all the months in a year in a single page in the form of a scrollable list.
Thanks in advance.
This is the expected output.
Wrap your TableCalendar in ListItem of ListView, set headerVisible: false for TableCalendar, create your own header (Month title) in ListItem, give CalendarController to Table Calendar, controller setFocusedDay to each month.
Related
Please how do I create an app that has days of the month at the top and each of the month will have a separate page but the pages are conditionally shown. The days of the months will be used as buttons and when a button is clicked the widget corresponding to the button will be shown.
I have added a picture of an app describing what I would like to achieve.
The buttons will be inside a scrollable widget and are numbered from 1-31/30 depending on the month we are in.
Each day will be created as button so that onclick, it should display a corresponding widget accordingly.
What I want to achieve is that the day buttons should be all together in horizontal view while the widgets will be below but only the widget corresponding to the day will show.
Currenty I have been able to create a column of day button and it corresponding widget showing below it and other buttons are scattered but what I want to achieve is a scrollable separate buttons at the top and widgets changing below.
I would be glad if there is good approach to achieving this.
Here is the an example of what I want to achieve
in Material Design using showDatePicker() widget , we can customize selectable date in particular day using selectableDayPredicate: argument. so i have a list contains some DateTime(), this list is the available date we can choose on the date picker. in materialDesign showDatePicker it will looks like this (black text is available date, grey is unavailable)
there is no problem using this widget, but when i want to make adaptive interface for ios device and change the style of the datePicker using CupertinoDatePicker, there is no argument that can change and customize the available date.
any way how to do that?
I wanna create DropDownMenu like below picture(overflow with column)
Please help me
I want to get effect similar as here:
https://github.com/michaelprimez/searchablespinner
Flutter includes a dropdown button, but can we add searching functionality to it? Where can I start?
You should create a StatefulWidget (button for example) which its root widget is a GestureDetector, then showDialog on button tap.
Dialog should contain a list of items as state and a ListView.builder() to build items. When you search you should render items with items.where() to filter items.
I want to implement something like this in my Flutter app-
I tried using table_calendar but wasn't able to set the initial month for each TableCalendar in my ListView.builder widget which contains the 12 months. Thanks in advance!
You can use this pub Link. A customizable calendar widget to easily scroll through the years