Рет қаралды 66,721
Create an Animated Curved Bottom Navigation Bar in Flutter. This Curved Navigation Bar works on Android and iOS.
Click here to Subscribe to Johannes Milke: kzbin.info...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com/masterclass
Source Code | github.com/JohannesMilke/curv...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke.com/#/newsletter
SUBSCRIBE HERE
bit.ly/JohannesMilke
SUPPORT & SPONSOR ME
github.com/sponsors/JohannesM...
RESOURCES
Bottom Navigation Bar Tutorial: • Flutter Tutorial - Bot...
Expand Multiple Floating Action Buttons Tutorial: • Flutter Tutorial - How...
iOS TabBar Tutorial: • Flutter Tutorial - Cre...
Tabbed AppBar Tutorial: • Flutter Tutorial - Cre...
Hide/Show AppBar On Scroll Tutorial: • Flutter Tutorial - Hid...
Hide Bottom On Scroll Tutorial: • Flutter Tutorial - How...
Animated Bottom Navigation Bar Tutorial: • Flutter Tutorial - Ani...
AppBar & Transparent AppBar Tutorial: • Flutter Tutorial - App...
Sliver App Bar Tutorial: • Flutter Tutorial - Sli...
Sticky Headers In ListView Tutorial: • Flutter Tutorial - Sti...
Multi Step Forms Tutorial: • Flutter Tutorial - How...
Amazing Lottie Animations Tutorial: • Flutter Tutorial - Ama...
TIMELINE
0:00 Introduction Curved Navigation Bar
0:11 Create Curved Navigation Bar / Create Animated Bottom Navigation Bar
0:44 Set Initial Item In Curved Navigation Bar
1:06 On Tap In Curved Navigation Bar
1:41 Fix Background Color In Curved Navigation Bar
2:24 Change Background Color & Icon Color In Navigation Bar
3:08 Change Animation Duration In Navigation Bar
3:27 Jump Between Pages Programmatically In Navigation Bar
4:16 Add Navigation Between Pages In Curved Navigation Bar
5:39 Fix iOS Curved Navigation Bar Home Indicator
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/JohannesMilke
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/JohannesMilke