Summary
Keywords
Full Transcript
In this video I take the custom navigation bar component I previously created in #FlutterFlow and extend functionality to provide a more responsive behaviour. By utilising responsive visibility from within the component this provides flexibility over which widgets can be displayed but of which still utilise component parameters. Feel free to use this navbar in your own projects. If you wish to build this component from scratch and learn vital FlutterFlow skills please see the links below to follow a full walkthrough design video. 🔥 Consider also joining The Digital Pro's #Nocode Academy on Patreon (link below). _____ Important Links 👉 FlutterFlow Starter Project: https://app.flutterflow.io/project/custom-responsive-navbar-starter-l6p0gi 👉 FlutterFlow Final Project: https://app.flutterflow.io/project/custom-responsive-navbar-final-ziqxi2 Previous Walkthrough 🔥 Episode 1: https://youtu.be/hzxyOb9AVfQ 🔥 Episode 2: https://youtu.be/zdr9XMBY1x4 _____ Chapters 00:00 Introduction 01:50 Commence UX changes 03:10 Responsive Visibility updates 05:17 Replacing the primary row 06:21 Customise vertical navigation container 08:36 Navigation item customisations 13:34 Central action button updates 15:37 Testing and tweaks 18:45 Customisation ideas 21:03 Outro _____ 🚀 The Digital Pro's NoCode Academy on Patreon: https://www.thedigitalpro.co.uk/patreon (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.
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
