Тёмный

Flutter Sidebar | Navigation Drawer 

Coding Orbit
Подписаться 4 тыс.
Просмотров 15 тыс.
50% 1

Hey Guys, in this Flutter video I will show you how to implement sidebar navigation drawer in your flutter application. You will learn how to implement routes navigation inside it. You will also learn how to open it programmatically. Along with sidebar menu and navigation drawer UI.
We use Material widget since we want to show the click effect. Sorry forgot to mention that in the video.
For more Flutter content be sure to subscribe to the channel and turn on your notifications
Check out flutter how to playlist - All flutter how to in one playlist
• Flutter Google Ads
check out my Flutter tutorial to become Flutter hero: • Flutter Tutorial for B...
Links:
Don't Click this: bit.ly/3dkJUNB
GitHub Source Code: github.com/Coding-Orbit/flutt...
-------- Content of this video --------
00:00 Demo of the finished app
00:39 Setting up our project
01:29 Implementing sidebar navigation drawer
02:07 Implementing sidebar item
04:32 Continue implementing sidebar navigation drawer
07:40 Implementing header widget
09:02 Testing the app
10:54 Implementing open sidebar programatically
#flutter #flutter_sidebar #flutter_navigation_drawer #flutter_sidebar_menu

Опубликовано:

 

3 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@shenZ007
@shenZ007 Год назад
Amazing video. In less than 12 minutes I could learn how to make navigation drawer.
@codingorbit
@codingorbit Год назад
Glad to hear that!
@qussaiqassim9912
@qussaiqassim9912 2 года назад
👍🏾
@kira2935
@kira2935 Год назад
merci
@nahuelmoreno6465
@nahuelmoreno6465 2 года назад
Awesome video, but how do you control if the user taps in the same DrawerItem again when its already in that route? This will push two equal pages to the route stack
@codingorbit
@codingorbit 2 года назад
You’re definitely right, and its better to keep track on the current displayed route in order not to push the same route again
@nahuelmoreno6465
@nahuelmoreno6465 2 года назад
@@codingorbit Do you have any suggestions in order to do that? i've just started with flutter, i saw some possible solutions with provider package but it looks too complex for such small problem
@codingorbit
@codingorbit 2 года назад
@@nahuelmoreno6465 Well there are many ways to keep track of that like shared preferences to just save the value or using state management solutions or even a small static variable would do the job
@smithdzogo2113
@smithdzogo2113 2 года назад
👍👍👍👍👍
@codingorbit
@codingorbit 2 года назад
Thanks!
@DeveloperAbuBakkarSiddik
@DeveloperAbuBakkarSiddik 4 месяца назад
The name 'NavigationDrawer' is defined in the libraries 'package:flutter/src/material/navigation_drawer.dart (via package:flutter/material.dart)' and 'package:flutter_navigation_drawer/naviigation_drawer.dart'. How to solve this problem
@rugame4990
@rugame4990 2 года назад
Will the drawer show if it doesn't have any items?
@codingorbit
@codingorbit 2 года назад
Yes it shows even if it doesn’t have any items
@tayyibahu5279
@tayyibahu5279 2 года назад
how do i save the state of the screens?
@codingorbit
@codingorbit 2 года назад
You will need to go for state management solutions
Далее
Flutter App Open Ad
7:38
Просмотров 6 тыс.
Flutter Local Notifications
18:49
Просмотров 42 тыс.
I'm Excited To see If Kelly Can Meet This Challenge!
00:16
🎸РОК-СТРИМ без ФАНЕРЫ🤘
3:12:10
Просмотров 1,4 млн
Brawl Stars Animation: PAINT BRAWL STARTS NOW!
00:52
Oflutter: Create a Sidebar Menu in Flutter 2021
8:45
Flutter UI - The Navigation Drawer
55:59
Просмотров 16 тыс.
Navigation Drawer - UX With Material3
13:10
Просмотров 22 тыс.
Flutter Local Database Using sqfLite
20:51
Просмотров 34 тыс.