FlutterFlow for Beginners - Building a Custom Options Select Navbar in #FlutterFlow - Full Walkthrough - Part 1

In this 3 part series I will walk you through, step by step, building a beautifully animated #FlutterFlow Navigation component which provides extended options for your users to select. If you love learning by doing then this is a fantastic series to boost your FlutterFlow skills. The Navigation Bar component was inspired from an app I used to use and my challenge was to recreate this within a FlutterFlow application. You'll see in the video that I got pretty close. In this video you will learn key FlutterFlow concepts such as UX Design, Components and Animations. These are key to adding in quality to your own projects and all the skills obtained in this video series are fully transferable to your own projects. As always I will provide you with two projects to clone. The first project is the starter project if you wish to follow along. I always encourage you to take time out and follow along to learn these skills. Additionally I have provided the full working project solution (in Episode 3) for you to reference back and try out. The same project also contains the use of a third-party library which renders a graph via a Custom Widget. I really hope you enjoy this series and learn more about how FlutterFlow is the perfect tool for your project. 🚀 Cannot wait for the Premiere. All 3 videos are now available on my Patreon (see link below) 👉 Starter Project: https://app.flutterflow.io/project/options-navbar-starter-l9incj 🔥 Consider also joining The Digital Pro's #Nocode Academy (link below). _____ Chapters 00:00 Introduction 03:18 Application Overview 05:38 Starter project walkthrough 08:48 Create the navigation component 11:57 Adding the navigation options 16:15 Creating the central options action button 18:40 Building out the options action button 22:03 Adding further action button widgets 24:15 Creating component parameter to track pages 25:36 Navigation options update based on page selection 28:43 Adding the navigation to the pages 30:14 App test _____ 🚀 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.