FlutterFlow for Beginners - #FlutterFlow Crashcourse 2024 - SE01 - Episode 8 - Theme Selector & App State

Welcome to Episode 8 of my BRAND NEW #FlutterFlow Crashcourse for 2024. In this episode we will focus on completing our theme selector in the bottom left corner of our application. We want our users to select either a dark or a light mode themed user interface. We also need to make sure that, when our users return to our app, they continue to see the correct theme. Additionally we look at Application State to support our functionality and perform further animation updates to show an animated indicator against the selected theme. 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 8 - https://app.flutterflow.io/project/sticky-notes-stage-8-e6h996 🔥 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 _____ Chapters 00:00 Introduction 00:39 Theme selector demo recap 01:46 State Management 02:49 Creating our App State Variable 05:03 Adding interactivity to our our theme selection icons 08:03 Testing the theme changes 08:47 Setting theme on application load 11:36 Creating the theme selector animations 13:32 Triggering the theme selector indicators 15:14 Testing the theme selector indicators 15:51 Displaying the theme selector indicators on application load 17:30 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.