Build a Custom Bottom Navigation Bar in Flutter with Animated Icons from Rive
Today I will show you how to build this custom bottom navigation bar in Flutter with animated icons from Rive.
🔥 Animated Icons: https://rive.app/community/1298-2487-...
📰 Article: / build-a-custom-bottom-navigation-bar-in-fl...
📦 Source Code: https://www.flutterlibrary.com/templa... [Full animated app]
🔗 Live preview: https://abuanwar072.github.io/Build-a...
►For the 3D intro, I'm using Rotato: https://bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: https://github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:15 Project Setup
0:34 Download Free Animated Icons
0:40 Animated icons setup
0:57 RiveModel
1:04 What is an Artboard & State Machine?
2:00 Build a custom bottom nav bar
3:10 Show Animated Icons on the bottom nav bar
4:15 Animated Icons controller
6:02 Code refactor
6:57 AnimatedBar
8:27 Performance Optimization: Dispose the controllers
9:03 Setup pages for each tab
9:25 Thank you 🙏
Thanks for watching!
Make sure to like + Subscribe For More!