Uploaded September 2020 | Updated September 2026, 8 hours ago

---

This is my next speed code where I show you how to implement a great navigation bar with some animations.

#Flutter #Speedcode #Animations #ESport #LeagueOfLegends

Timetable:
00:00 - Intro
00:32 - Setup the project
01:43 - Creating a Theme
02:47 - Navigation Bar Animation
04:04 - Black bottom border will be important
05:14 - Extract the NavigationBarItem
06:16 - Init AnimationController
6:57 - Text of Nav Items
7:41 - Dispose of AnimationController
9:37 - CrossAxisAlignment
10:00 - Basic Logic and Models
11:20 - Async Functions (Some fun with the video)
13:23 - FutureBuilder
17:08 - Navigation and Swipe combined

⭐️⭐️ Helpful Ressources ⭐️⭐️
github.com/md-weber/esport_tutorial_league

Tools we use to grow our YouTube channel
TubeBuddy Review - Manage Your YouTube Channel Easily
tubebuddy.com/flutterexplained

Our current YouTube gear
🎙 Samson Mic: amzn.to/324Gpof
📟 Satechi USB-C Adapter: amzn.to/3kUdQ5M
💻 MacBook Pro: amzn.to/3iQ9MBx
📹 Lumix FZ1000: amzn.to/3g7tW8D

⭐️⭐️ Follow us ⭐️⭐️
Twitter Mahtab - twitter.com/mahtab_dev
Twitter Max - twitter.com/flutter_exp
GitHub Mahtab - github.com/mt-tadayon
Github Max - github.com/md-weber
Website - flutter-explained.org/blog

⭐️⭐️ Support ⭐️⭐️
If you read this so far, thank you once more. If you like to support me, here are some links that could help me a lot.

Buy me a coffee - You are free to donate me a coffee so I can keep up my work.
buymeacoffee.com/flutterexp