FlutterFlow for Beginners - #FlutterFlow Crashcourse 2024 - SE01 - Episode 14 - Component Complete + UI Polish

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

android app development flutterflow flutterflow crashcourse flutterflow training flutterflow tutorial flutterflow tutorial for beginners flutterflow tutorial playlist ios app development learn flutterflow no code tutorial nocode tutorial nocode tutorial for beginners

Full Transcript

Welcome to Episode 14 of my BRAND NEW #FlutterFlow Crashcourse for 2024. In this episode we finally complete our Sticky Note Component by enhancing it further to support activating edit mode as soon as the sticky note is added to the main UI. We correct the handling of the isEdit property by witnessing an unusual behaviour in the UI. We then next look at polishing some areas of the UI to enhance our application as we get closer to completing this season of the series. Enjoy! _____ Episode Starter Project Episode 14 - https://app.flutterflow.io/project/sticky-notes-stage-14-8gzq16 🔥 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 (10) - Dynamic Children - https://youtu.be/XguGYoiuu3M (11) - Execute Callbacks - https://youtu.be/wjn5LI62bNs (12) - Sticky + TextField - https://youtu.be/SGLOvD090pU (13) - Overflow + Reusable Button - https://youtu.be/Cr4RPIMohwM _____ Chapters 00:00 Introduction 00:34 Component changes required 00:54 Handing isEdit Mode on create 03:36 Testing changes 04:38 Correcting the behaviour 05:57 Testing component updates 07:56 Conditional Visibility on the Delete Icon 09:39 A word about the NoCode Academy 10:23 Demo of further enhancements 11:14 Enhancing the Light and Dark mode icons 13:37 Icon colour updates 14:17 Final test of changes 14:59 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.