Welcome to Episode 10 of my BRAND NEW #FlutterFlow Crashcourse for 2024.
In this episode it is now time for us to start the construction of our Sticky Note Component. This component will also have a number of component parameters and also component state variables. We also learn how to configure the Wrap Widget to use dynamic children so we can dynamically show our sticky notes within the UI. We perform a simple test to make sure everything is looking great in preparation for our next video where we start to get interactive!
Look out for projects which you can clone within each specific episode to cross check your efforts along the way. Finally at the end of Season 1 the final project will be available to clone.
I'm Steve (thedigitalpro) and I am a FlutterFlow Ambassador for Europe and also voted by the community as a FlutterFlow Educator of the Year for 2023/2024.
_____
Episode Starter Project
Episode 10 - https://app.flutterflow.io/project/sticky-notes-stage-10-hodu4k
🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy (link below).
Missed a previous Episode?
(1) - Series Introduction -
https://youtu.be/buc7l8g2cqg
(2) - UI Project & Setup -
https://youtu.be/Uzf-GS6yMlk
(3) - Foundation UX Construction -
https://youtu.be/_5YVrOs9yKA
(4) - Text, Style & Theme Selector -
https://youtu.be/71ro7552y_4
(5) - Test Modes & Extending UI -
https://youtu.be/kP_FP2BwbsE
(6) - Components & Constants -
https://youtu.be/JXNtDfolyE0
(7) - Animations & Actions -
https://youtu.be/G_wgGrjoeKc
(8) - Theme Selector & App State -
https://youtu.be/QeYoycdWsVs
(9) - Custom Data Types + Conditional Builder -
https://youtu.be/hMKkAqKSppc
_____
Chapters
00:00 Introduction
00:47 UI Tweaks
02:21 Creating the Sticky Note Component
06:20 Building out the Component
09:24 Component Parameters + State Variables
15:00 Configure widgets to use component parameters
17:49 Updating our Wrap Widget to become dynamic
20:20 Populating Component Parameters
23:13 Application Test
23:44 Outro
_____
🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk/academy
(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.