Тёмный

Flutter UI - The Navigation Drawer 

Johan Jurrius
Подписаться 10 тыс.
Просмотров 17 тыс.
50% 1

In this video we see how to create a Navigation Drawer for our Flutter apps.
Find the source code her: drive.google.c...
Watch the whole playlist for my Flutter course here: • Flutter Course .
You can find my Dart playlist here:
• Dart Basics and a bit ...

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

 

8 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@EthioFkir
@EthioFkir Год назад
I don't know why this video couldn't get at least 100k view per year....very easy ,simple and detail titorial... Thanks sir❤
@shazzadhossain5609
@shazzadhossain5609 9 месяцев назад
You are really a great teacher. Learning from you is easy and effective. Love to get some more videos or suggestions from you.
@mikewski4410
@mikewski4410 3 года назад
Really help alot, I tried other channels but not full understand like you, professor
@johnatkins8012
@johnatkins8012 Год назад
Very good explanation. Easy to follow and good quality. I’m just starting out on my flutter adventure and this has helped.
@yt_sricharanp
@yt_sricharanp 2 года назад
Thanks a lot. Very neatly explained !!
@IamHariJags
@IamHariJags 9 месяцев назад
why is stateless widget is used in line 144 . I guess stateful could have been used . Your opinions??
@ifeanyipaul4015
@ifeanyipaul4015 3 года назад
Thanks a lot. This was really helpful.
@hredaysagar888
@hredaysagar888 3 года назад
Very good tutorial
@venkatakhadri8998
@venkatakhadri8998 2 года назад
Once again, a great video. Thanks a lot
@Jan123.
@Jan123. 2 года назад
Great video. Thank you so much!
@ericberg2131
@ericberg2131 3 года назад
in defaults.dart file, the line of code below throws an error: static final Color drawerItemSelectedColor = Colors.blue[700]; A value of type 'Color?' can't be assigned to a variable of type 'Color' Remove the [700] and it works fine.
@JohanJurrius
@JohanJurrius 3 года назад
You can also try Colors.blue.shade700;
@ericberg2131
@ericberg2131 3 года назад
@@JohanJurrius I noticed you're using Flutter 2.05 and I'm using Flutter 2.21. There seems to have been some changes: '@required' becomes simply 'required' and 'final Function onTap;' becomes 'final VoidCallback onTap;'
@ericberg2131
@ericberg2131 3 года назад
@@JohanJurrius Thanks! 'Colors.blue.shade700;' works as long as you don't put parentheses on the end.
@JohanJurrius
@JohanJurrius 3 года назад
Sorry, tried ro remember without an editor on front of me. Glad it works. Will edit my reply.
@JohanJurrius
@JohanJurrius 3 года назад
Thanks for the comment. Yes with default projects now being null safe, we need to use null safety guidelines. All future videos will have them. Regards
@AndyIvan74
@AndyIvan74 2 года назад
Hi Johan. Both in my version and your version of the code the 'onTap' Function varible in the 'AppDrawerTile' class returns an error at: line 219: onTap: onTap, The error reads: "The argument type 'Function' can't be assigned to the parameter type 'void Function()?'." Do you have any advise?
@JohanJurrius
@JohanJurrius 2 года назад
Try declaring as VoidCallback instead of Function. Let me know if it worked.
@kharapov
@kharapov 2 года назад
@@JohanJurrius It worked for me :D
@belalshaykh8250
@belalshaykh8250 Год назад
declare it like this final function() onTap ;
@brongoding
@brongoding 3 года назад
Nicee tutorial
@xeooox
@xeooox 2 года назад
You are the best!
@hredaysagar7232
@hredaysagar7232 2 года назад
great video .thank you
@nabukodonosor777
@nabukodonosor777 2 года назад
How can we, instead of showing that text "inbox", "starred" etc, link to another page we made, for example that 'Upgrade to premium' thing we made earlier? Can we put that whole code in another dart file and link to it? How that works?
@namchu8244
@namchu8244 2 года назад
Thank for video
@achieverstv8244
@achieverstv8244 2 года назад
I have a problem with the this.index and this. OnTap..I followed what was done..but it's get flagged red
@volodymyr9731
@volodymyr9731 2 года назад
Try this for a function: final void Function() onTap;
@achieverstv8244
@achieverstv8244 2 года назад
I get an error when I use use the this keyword
@tayyibahu5279
@tayyibahu5279 2 года назад
how do i save the state of one of the screens?
@JohanJurrius
@JohanJurrius 2 года назад
Check my Provider videos for state management. You can also save some data using Shared Preferences (also in my playlist) if you want data to be there when the app closes and opens again.
@mariafalcao8537
@mariafalcao8537 2 года назад
👏😀
@hredaysagar888
@hredaysagar888 3 года назад
Can I have the source code, please???
@JohanJurrius
@JohanJurrius 3 года назад
Placed it in the video description for you
@hredaysagar888
@hredaysagar888 3 года назад
@@JohanJurrius Thanks a lot brother .. You are so kind. God might live you long..
@nonamed56
@nonamed56 Год назад
18:40
@apdayn
@apdayn 2 года назад
hi Johan I really love you so match the easy way you teach me how learn flutter fast., but Johan do not forget to use SafeArea Widget. love
Далее
Oflutter: Create a Sidebar Menu in Flutter 2021
8:45
Flutter Navigation - Routes in Flutter
44:53
Просмотров 11 тыс.
Navigation Drawer - UX With Material3
13:10
Просмотров 23 тыс.
The perfect imperfection of Google's Material You
15:47
Custom DropDown | Flutter UI
41:05
Просмотров 53 тыс.
Flutter Basics by a REAL Project
25:42
Просмотров 470 тыс.
Flutter Sidebar | Navigation Drawer
11:45
Просмотров 15 тыс.
Flutter UI from scratch | Hidden Drawer | Pet UI Part 1
27:34
Cookies App - Flutter UI - Speed Code
34:57
Просмотров 11 тыс.