navigation_drawer

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

navigation_drawer

★ 14 Open GitHub ↗

Let's create a Flutter Navigation Drawer with routing that is displayed as a Sidebar Menu within your Flutter app.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### 💖&ensp;Access Source Code [(FAQ)](https://github.com/JohannesMilke/sponsorware "FAQ")

You need to click [REQUEST](https://johannesmilke.com/#/request "REQUEST") first, before you will get access to [THIS Source Code](https://github.com/JohannesMilke-Sponsors/navigation_drawer "THIS Source Code") and of all my other Flutter Videos.

[<img alt="JohannesMilke | REQUEST" height="40px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fgithub%2Fsponsored%2Fbutton_request.png?alt=media" />](https://johannesmilke.com/#/request "REQUEST")&ensp;[<img alt="JohannesMilke | ACCESS" height="40px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fgithub%2Fsponsored%2Fbutton_access.png?alt=media" />](https://github.com/JohannesMilke-Sponsors/navigation_drawer "ACCESS")
    
# Flutter Tutorial - Navigation Drawer [2022] (Sidebar Menu)
[![Youtube](https://img.shields.io/static/v1?label=JohannesMilke&message=Subscribe&logo=YouTube&color=FF0000&style=for-the-badge)][youtube]
[![Twitter Follow](https://img.shields.io/twitter/follow/JohannesMilke?color=1DA1F2&label=Followers&logo=twitter&style=for-the-badge)][twitter]
[![Newsletter](https://img.shields.io/static/v1?label=Follow&message=My%20Flutter%20Newsletter&color=5FB709&style=for-the-badge)][newsletter]

[<img alt="JohannesMilke | Sponsor" height="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fsponsorme.png?alt=media" />][sponsor]
   
[![GitHub stars](https://img.shields.io/github/stars/JohannesMilke/navigation_drawer.svg?style=social&label=Star)](https://github.com/JohannesMilke/navigation_drawer)
[![GitHub JohannesMilke](https://img.shields.io/github/followers/JohannesMilke?label=follow&style=social)](https://github.com/JohannesMilke)

Let's create a Flutter Navigation Drawer with routing that is displayed as a Sidebar Menu within your Flutter app.

### ✌&ensp;Preview

|              App Preview             |             Course Preview           |
| :----------------------------------: | :----------------------------------: |
| <a href="https://www.youtube.com/watch?v=17FLO6uHhHU" target="_blank"><img src="preview.gif" width="350"></a> | <a href="https://johannesmilke.teachable.com/p/home" target="_blank"><img src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fgithub_ad.png?alt=media" width="350"></a> |

➜&ensp;[Buy My Courses](https://johannesmilke.teachable.com/p/home "Buy My Courses")

### 📺&ensp;Watch Video

##### [YouTube video](https://www.youtube.com/watch?v=17FLO6uHhHU "Youtube Johannes Milke") where the *source code* is explained. [Subscribe YouTube channel.](https://www.youtube.com/JohannesMilke?sub_confirmation=1 "YouTube Subscribe Johannes Milke")  
<a href="https://www.youtube.com/watch?v=17FLO6uHhHU&feature=player_embedded
" target="_blank"><img src="http://img.youtube.com/vi/17FLO6uHhHU/maxresdefault.jpg" 
alt="Flutter Tutorial - Navigation Drawer [2022] (Sidebar Menu) YouTube video" width="480" border="10" /></a>

➜&ensp;[Watch My Video](https://www.youtube.com/watch?v=17FLO6uHhHU "Watch My Video")

### ⚡&ensp;Social Media

[<img align="center" alt="JohannesMilke | YouTube" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fyoutube.png?alt=media" />](https://www.youtube.com/JohannesMilke?sub_confirmation=1)&ensp;YouTube: [@JohannesMilke](https://www.youtube.com/JohannesMilke?sub_confirmation=1 "YouTube Johannes Milke")

[<img align="center" alt="JohannesMilke | Twitter" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Ftwitter.png?alt=media" />](https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke)&ensp;Twitter: [@JohannesMilke](https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke "Twitter Johannes Milke")

[<img align="center" alt="JohannesMilke | Instagram" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Finstagram.png?alt=media" />](https://instagram.com/JohannesMilke)&ensp;Instagram: [@JohannesMilke](https://instagram.com/JohannesMilke "Instagram Johannes Milke")

[<img align="center" alt="JohannesMilke | Facebook" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Ffacebook.png?alt=media" />](https://www.facebook.com/real.JohannesMilke)&ensp;Facebook: [@JohannesMilke](https://www.facebook.com/real.JohannesMilke "Facebook Johannes Milke")

[<img align="center" alt="JohannesMilke | LinkedIn" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Flinkedin.png?alt=media" />](https://linkedin.com/in/JohannesMilke)&ensp;LinkedIn: [@JohannesMilke](https://linkedin.com/in/JohannesMilke "LinkedIn Johannes Milke")

[<img align="center" alt="JohannesMilke | GitHub" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fgithub.png?alt=media" />](https://github.com/JohannesMilke)&ensp;GitHub: [@JohannesMilke](https://github.com/JohannesMilke "GitHub Johannes Milke")

[<img align="center" alt="JohannesMilke | Medium" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fmedium.png?alt=media" />](https://medium.com/@JohannesMilke)&ensp;Medium: [@JohannesMilke](https://medium.com/@JohannesMilke "Medium Johannes Milke")

[<img align="center" alt="JohannesMilke | Website" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fwebsite.png?alt=media" />](https://johannesmilke.com)&ensp;Website: [@JohannesMilke](https://johannesmilke.com "Website Johannes Milke")

[twitter]: https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke
[youtube]: https://www.youtube.com/JohannesMilke?sub_confirmation=1
[courses]: https://johannesmilke.teachable.com/p/home
[newsletter]: https://johannesmilke.com/#/newsletter
[sponsor]: https://github.com/sponsors/JohannesMilke

navigation_drawer

Today's picks

Was this content helpful?

Recent Feedback

navigation_drawer

Today's picks

Was this content helpful?

Recent Feedback

Download README