Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Building a Navbar Action Button in #FlutterFlow - Full walkthrough
Play lesson

FlutterFlow for Beginners - Building a Navbar Action Button in #FlutterFlow - Full walkthrough

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

Full Transcript

If you enjoyed one of my previous videos on building a fully working #FlutterFlow Custom Navigation Bar component then you'll love this video. In this episode I build upon the custom navigation component and add in a fully working action button which you can then invoke FlutterFlow actions using the power of Callbacks. You can switch this button on and off across certain pages and I have also added in a little animation to provide a smooth look to the component. FlutterFlow is an amazing #nocode #lowcode app builder! If you are following along learning I encourage you to start with cloning the starter project below. I have also provided the final version as well to my wonderful subscribers. Enjoy! 🔥 Consider also joining The Digital Pro's #Nocode Academy on Patreon (link below). _____ Important Links 👉 FlutterFlow Starter Project: https://app.flutterflow.io/project/custom-navbar-action-starter-0tx3ms 👉 FlutterFlow Final Project: https://app.flutterflow.io/project/custom-navbar-action-final-4oahr1 _____ Chapters 00:00 Introduction 01:18 Design considerations 02:40 Perform the UX changes 10:01 Component parameter to provide visibility option 12:05 Enable visibility parameter on our pages 13:04 Using a Callback to add logic to our button 16:17 Animation and UX tweaks _____ 🚀 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.

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere