How To Create A Flutter Table Calendar In Just 5 Minutes!

Подписаться 8 тыс.

Просмотров 60 тыс.

50% 1

This tutorial shows you how to create a highly customisable table calendar in your flutter application. For more information about the table calendar flutter package, please visit pub.dev.com for details.
Buy me a coffee 🧑‍💻 : www.buymeacoff...
If you enjoyed this video be sure to give it a like and subscribe for more!
ChatGPT: Here's how to get a job at Google, Meta, Tesla ...
• 5 Tips to get a job at...
ChatGPT generates NFTs ! New Passive Income With ChatGPT !
• How to generate images...
I Lost $XXX after OpenAI's Secret Key LEAKED !!
• I Lost $XXX after Open...
Web Scraping using ChatGPT | Coded by ChatGPT
• How to create a Web Sc...
Flutter ChatGPT using OpenAI's GPT-3 | Flutter Chatbot
• Flutter ChatGPT using ...
How to Manage State Using Flutter GetX | Flutter State Management • GetX State Management ...
How to Manage State Using Flutter Provider | Flutter State Management • Flutter Provider State...
How to Solve Vertical viewport was given unbounded height | Flutter Common Error
• How to Solve Vertical ...
Installation & Configuration | Flutter Firebase Tutorial #1
• Installation & Configu...
Firebase RealTime Database (CRUD) | Flutter Firebase Tutorial #3
• Firebase RealTime Data...
How To Create A Flutter Table Calendar In Just 5 Minutes!
• How To Create A Flutte...
Dropdown in Flutter for creating flexible, reusable user interfaces
• Dropdown in Flutter fo...
Object-oriented Programming in Dart
• OOP Tutorials
Flutter Project Ideas
• Flutter Project Ideas
Flutter Package Tutorials
• Flutter Package Tutorials

Опубликовано:

21 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 56

@AIWithFlutter Год назад

Subscribe to our channel -----> tinyurl.com/ujuv8hmm

@ceyrpaxceyrpax6260 Год назад

I don't speak much English and I understand you perfectly, you explain the code and the configurations very well, thanks👍👍👍

@AIWithFlutter Год назад

Welcome ! Appreciate that 🙏

@emmankianga9082 4 дня назад

Beautifully explained, I wish I could like twice! Thank you

@AIWithFlutter 4 дня назад

Thanks for your kind words. Appreciate that 🙏

@shinystick241 Год назад

Best tutorial man, thanks brother!

@AIWithFlutter Год назад

Welcome 🙏

@soyACHEE Год назад

Thanks for sharing, I see that now you talk more, great!

@amal22555 Год назад

Hi Thanks for this tutorial, it is really helpfull. 😍 Please let me know how we can change the color for focused day and current day.

@AIWithFlutter 11 месяцев назад

Hi, thanks for your reply ! To change the color for focused day and current day, you have to modify it in calendarStyle parameter. Something like this. calendarStyle: CalendarStyle( todayDecoration: BoxDecoration( color: ColorSets.accent.withOpacity(0.5), shape: BoxShape.circle), selectedDecoration: BoxDecoration(color: ColorSets.accent, shape: BoxShape.circle), )

@JirolBikes 3 месяца назад

how to disable selection of previous dates?

@mrs.dj0019 Год назад

Thank you so much for sharing , So useful 🙏🏻

@AIWithFlutter Год назад

Appreciate that 🙏

@sakhildevan Год назад

can you do a video of firebase of the calender app

@alifaditya1547 Год назад

thankyou sir, this vid really helpful

@AIWithFlutter Год назад

Welcome ! Appreciate that 🙏

@mao3043 Год назад

Thank u for sharing. Helpful!

@AIWithFlutter Год назад

Welcome 🙏

@rishabhsahu9163 Год назад

How to change the color of highlighted selected date?

@chaimamazouz5250 Год назад

So useful thanks 😊❤

@AIWithFlutter Год назад

Much appreciate ! 🙏

@udomdechkrub1921 Год назад

Great explanation.

@AIWithFlutter Год назад

Thanks 🙏

@plosk20 Год назад

Thank you very much

@AIWithFlutter Год назад

Welcome 🙏

@eduardomassud7160 Год назад

Is there a quick way to jump between years? If I want a date 2 years from now, how can I go there without sliding a thousand times?

@AIWithFlutter Год назад

Hi 👋, for this table calendar package , currently it’s not possible yet to achieve your needs to jump between years. Probably you checkout native date picker to solve your problem.

@unclebob5644 Год назад

Superb !!

@tanvirakon9104 Год назад

when i select a day at different month , it works but suddenly it slides and current month comes. it doesn't stay at random month after selecting, but it selects. please help

@AIWithFlutter Год назад

Hi, usually this happens because you set focusedDay to a static value (for example, DateTime.now()), so whenever the table calendar rebuilds (for example, selecting different month), it will reset the calendar back the the static value set. To prevent this from happening, you should store and update focusedDay whenever any callback exposes it. For example, you can store a var initialDate = DateTime.now(). Then set focusedDay to initialDate var. Most importantly, update the initialDate value in onPageChanged parameter. Something like this var initialDate = Datetime.now(); TableCalendar( focusedDate : initialDate; onPageChanged: (focusedDay) { initialDate = focusedDay; }, );

@istiakahmed3033 4 месяца назад

@@AIWithFlutter Thanks man. I was facing same issue. Now its solves seeing your solution

@bjorncorning Год назад

Can you make a video on how to add events?

@AIWithFlutter Год назад

Hi 👋, yes of course. We will publish the tutorial as soon as possible.

@bjorncorning Год назад

@@AIWithFlutter Thank you, I''m honestly waiting everyday for this tutorial because the other tutorials and internet tutorials I've seen have been confusing. I'm new to coding and this is an important for the project i'm working on.

@AIWithFlutter Год назад

@@bjorncorning Hi, we have uploaded add event to table calendar tutorial. Please let us know if you have any questions. We are more than willing to help. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ASCs_g8RJ9s.html

@soloplayerid Год назад

NOICE 🔥🔥

@user-xe8vl9eh9l Год назад

how can i display this calendar on click of button

@AIWithFlutter Год назад

Hi, you can checkout to the tutorial below about hiding flutter widget. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-FS5JQpp2gks.html

@xXxXxMrGamexXxXx Год назад

Nice video just i got a issue, when i get the day in console print the extactly day but when I try to save any event in my firebase collection if I pick the 1 Jan 2023, in firebase the day save is 31 dec 2022 someone know how to fix this?

@AIWithFlutter Год назад

Hi, I would suggest you to debug this issue by commenting out event from calendar and create a mock event data to save into your firebase collection on 1 Jan 2023. If it still saved on the wrong date, it means it's the firebase collection issue. Maybe you have to recreate the collection instance. If it saved correctly , it means the data passed to firebase collection was manipulated. Maybe you can print the data before pass into firebase collection. Thanks.

@rajattyagi6164 Год назад

hey, how can I change the background color of the table calendar as here initially showing white color in background i want green.

@techfauz 4 месяца назад

Create a container with the color of your choice then use TableCalendar as your container child.

@mohammedabduraboal-haig9179 3 месяца назад

i got an error in line 49 , which _onDaySelected need to parameters what should i write

@shokhjahon_dev 3 месяца назад

check documentation, maybe parameters changed

@user-xe8vl9eh9l Год назад

Hi How can i format the date like i want only sep 6,2022 how can i get this kind of format , can anyone please help

@AIWithFlutter Год назад

DateFormat.yMMMd().format(DateTime.now()) This is the formatter to get the format that you stated. Just replace the DateTime.now() with the calendar date selected.

@lilylim5031 9 месяцев назад

Hi, may I know how to I add a text below the header < November 2022>

@TrikNgonlen Год назад

A W E S O M E !

@sallus449 Год назад

what about the range of dates if we want to select like first date and end date

@AIWithFlutter Год назад

Hi, unfortunately the table calendar package used in this tutorial is not able to select a range of dates. But we found another package that could do it ---> scrollable_clean_calendar. The team will try to create a tutorial for it. Thanks for your comment