FlutterFlow for Beginners - #FlutterFlow Crashcourse 2024 - SE01 - Episode 15 - Responsive UI

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 15 of my BRAND NEW #FlutterFlow Crashcourse for 2024. In this episode we look at applying various updates to support responsive breakpoints. We want our application to adapt to certain screen sizes. I'll introduce you to a little theory and then walk through a couple of examples. I also touch on visibility of widgets based on these breakpoints. Responsive design is important if you plan to build your own projects which are required to run on different devices and screensizes. _____ Episode Starter Project Episode 15 - https://app.flutterflow.io/project/sticky-notes-stage-15-mjw7k3 🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy (link below). Reference to Responsive Design Video 🚀 https://youtu.be/hkDfo-JFysA 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 (14) - Component Complete + UI Polish - https://youtu.be/WCnUm8F6ceQ _____ Chapters 00:00 Introduction 00:38 Responsive Update on previous video 01:02 FlutterFlow and Responsive 01:39 Responsive design overview 03:45 Applying responsive behaviours 07:37 Testing the responsive change 08:57 Responsive padding 10:21 Testing the responsive padding 11:20 Applying responsive padding to the sticky notes column 12:16 Widget visibility on response breakpoints 14:11 Testing widget visibility 15:15 Final summary 15:41 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.