Flutter Spin Circle Bottom Navigation Bar | Flutter UI Design Tutorial

#flutter #bottomnavigationbar #uidesign

In this Flutter UI Design Tutorial we are going to be taking a look at creating a Spin Circle Bottom Navigation Bar in Flutter. As the code for creating this Bottom Bar is a bit complex for explaining in single Video, I have created a Package to help you all in easily implementing this Bottom Navigation Bar in your Own Flutter Applications. If you wish to know how to create this from scratch, i will be adding link to my Medium Article soon in this Description.

(If you like this, Make sure to rate the package)✌🤓

Hope you find this package useful for your own Flutter Applications :) Study sources are mentioned below:

Study Sources (With Example Code):
Medium: (Coming Soon)

🔥 Auto-Generate Flutter Custom Paint Code TRY THIS FREE TOOL👇:

🔥 Learn About the Most Important Widgets in Flutter 👇:

(Your UPVOTE Means a lot! 🙌)

If you find this video useful consider Supporting @RetroPortal Studio :

Social Links @RetroPortal Studio :

If you like the tutorial, please hit the LIKE and Subscribe button and also consider supporting me on Patreon or Buy Me a Coffee for More Flutter Tutorial on RetroPortal Studio.

Thank you for Watching! Happy Coding :)

[saadainali]

Flutter community is blessed to have developers like you ❤.

[SrikanthNandiraju]

Excellent work. You are a FlutterSuperHero. Way to go !!

[RetroPortalStudio]

If you find this video useful, consider Following me on:
Happy Coding! ✌️😁

[rodinsuniga]

thanks for this package, I'm gonna use this for my next project. 😃

[harisankarl]

How to create bottom nav bar with fab in the centre .
This is amazing 👍👍 keep going

[mhdev]

Great content ! would love to see an In app purchase tutorial for flutter .

[rainydaisyx]

Thank you so so much. It is a very nice package..

[aka_amanyadav]

You are doing a Great Work Bro thanks..

[App_lab]

hello sir, i like to thiank you for this blug in it has really helpped me but i want to view all my screens indexs above the bnb, when i use the on tap event on the icons the bnb disapear, can u tell me a way to fix it

[ruthlessssxd]

Hey man, I really like your content! I have one request tho: Could you perhaps put a rating in the title (advanced, for beginners...). This way we can learn everything step by step according to our skillset.

That would be a great addition to your content.
Thank you!

[arthasmx]

man! thank u so much!!! thanks thanks a lot!!

[bYTeHeaD]

Hi, just a question. How to change the page when clicking the items in bottom navigation? Can you provide an example? thanks

[hadilbayoudh]

I have a question for you ??, what is the content used in onPressed(){} to access another page ?? in this example

[amartyapatil]

Hey man there i problem to use this beautiful plugin with null safty issues when you gonna add null safty to your awesome widget?

[Piyeycorp]

Thank you for all your videos, you are amazing!
I wonder what do you use for screen mirroring your phone to your PC? I'm trying "Your Phone App" in windows but I like yours more.
Be blessed!

[elkauzige]

How can i change the screens with this nav? Idk how to do it. :( HELP

[AbdulWahab-syob]

Greetings,
Bro please resolve the issue of Onclick in your Animated FAB video. The three buttons of FAB does not perform Onclick event. Please resolve this issue!

[bata]

Great work! Added it to my current Projekt :) Just one thing, it would be awesome to have the option to add IconButtons instead of icons for the BottomBar, or increase the onPressed area. Because on the web it's difficult to hit the Icon excatly. On Mobile it seems fine

[lennimikuszewski]

Hi, nice package but is there a reason why the onPressed on the SCBottomBarItem isn't working???

[phuphan]

I can't change screen, if i use navigator.push screen will not bottom Navigation bar