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.
