Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
#FlutterFlow - Build a fully Custom Calendar Component - Part 4 - Full Walkthrough
Play lesson

FlutterFlow for Beginners - #FlutterFlow - Build a fully Custom Calendar Component - Part 4 - Full Walkthrough

5.0 (0)
10 learners

What you'll learn

This course includes

  • 48.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

This is the final part of 4 in this ongoing series as I will walk you through creating a custom #FlutterFlow Calendar Component which can be fully customised for your own projects. If you are learning FlutterFlow this is a perfect series to build knowledge on constructing a truly independent piece of reusable functionality. No third-party components required in this build. In this episode we finally complete our component by introducing some further custom logic and conditional visual styling. The full series in bitesize form is available now within The Digital Pro's NoCode Academy (see link below) Don't forget to check out and clone the starter project linked below to follow along with this video. _____ Reference Material for this Episode getLastMonth - https://www.thedigitalpro.co.uk/academy/material/calendar/lastMonth.txt getNextMonth - https://www.thedigitalpro.co.uk/academy/material/calendar/nextMonth.txt _____ Previous Episodes Part 1 - https://youtu.be/Bv0GrU7MibQ Part 2 - https://youtu.be/vmhUToN8D9E Part 3 - https://youtu.be/QJ2VaxvO-SM _____ Starter Project - https://app.flutterflow.io/project/n-c-a-custom-calendar-starter-rbuwtv Final Project - https://app.flutterflow.io/project/custom-calendar-sample-5vrs5o 🚀 Additionally the NoCode Academy has an extension to this calendar which supports unavailable dates! 🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at https://www.thedigitalpro.co.uk _____ Chapters 00:00 Component State Initialisation Setup 04:25 Selected Day Conditional Visual Styling 09:55 Further Conditional Styling to the Calendar Day 14:09 Setup Month Navigation 18:13 Activate Month Navigation + Final App Test 20:40 Final App Test + Outro _____ 🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk (Support the channel and go ad-free! 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere