Flutter Tutorial - Hidden Drawer UI [2021] Navigation Drawer Animation

120 Просмотры
Издатель
Learn how to create a Hidden Drawer UI in Flutter and learn how to create a Navigation Drawer Animation in Flutter.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke?sub_confirmation=1

Source Code | https://github.com/JohannesMilke/hidden_drawer_example
My Courses | https://johannesmilke.teachable.com/p/home
Follow Newsletter | https://johannesmilke.com/#/newsletter
Follow Twitter | https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke

--- SUBSCRIBE HERE ---
http://bit.ly/JohannesMilke

--- SUPPORT & SPONSOR ME ---
https://github.com/sponsors/JohannesMilke

RESOURCES
Navigation Drawer Tutorial: https://www.youtube.com/watch?v=ts9n211n8ZU
Selectable Drawer Tutorial: https://www.youtube.com/watch?v=HTi9wvIG1lI
Collapsible Drawer Tutorial: https://www.youtube.com/watch?v=eT9wTf6HFS8
Sortable DataTable Tutorial: https://www.youtube.com/watch?v=SJxByHLs72k
Selectable DataTable Tutorial: https://www.youtube.com/watch?v=HZD-0zgpuak
Expandable ListView Tutorial: https://www.youtube.com/watch?v=ReUa_Ws8EsY
Single & Multi Selection ListView Tutorial: https://www.youtube.com/watch?v=8FVkuixvNHc
Flutter Dark Mode Tutorial: https://www.youtube.com/watch?v=HSAa9yi0OMA
Animated List Tutorial: https://www.youtube.com/watch?v=E3SQOqUq8Mg
Container Transform Animation Tutorial: https://www.youtube.com/watch?v=1nwuihDA8pE
Modal Bottom Sheet Tutorial: https://www.youtube.com/watch?v=AjAQglJKcb4
Calendar Events App Tutorial: https://www.youtube.com/watch?v=LoDtxRkGDTw
User Profile Page UI Tutorial: https://www.youtube.com/watch?v=gSl-MoykYYk
New Material Buttons Tutorial: https://www.youtube.com/watch?v=ytlDKJBxW_A
SQFlite SQL Database Tutorial: https://www.youtube.com/watch?v=UpKrhZ0Hppk
Hive NoSQL Database Tutorial: https://www.youtube.com/watch?v=w8cZKm9s228

TIMELINE
0:00 Introduction Hidden Drawer UI
0:30 Create Drawer UI
3:59 Create Scaled Page Next To Drawer
7:33 Open Drawer
9:05 Open Drawer Animation
10:12 Close Drawer Animation
10:45 Drag Horizontally Drawer
12:57 Disable Gestures On Scaled Page
14:27 Improve Design Of Scaled Page
16:02 WillPopScope For Hidden Drawer
16:37 Navigate Between Drawer Pages
18:54 Add Drawer Item Functionality
19:57 Limit Width Of Hidden Drawer

SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS

*********

SOCIAL MEDIA: Follow Me :-)
Youtube | https://www.youtube.com/JohannesMilke?sub_confirmation=1
Twitter | https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke
Linkedin | https://linkedin.com/in/JohannesMilke
Instagram | https://instagram.com/JohannesMilke
Github | https://github.com/JohannesMilke
Medium | https://medium.com/@JohannesMilke
Website | https://johannesmilke.com

--- LEARN MORE ---
SOURCE CODE | https://github.com/JohannesMilke
ARTICLES | https://medium.com/@JohannesMilke

PLAYLISTS
All Flutter Videos | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC_MPQBXUFwAHviZ3XkWPDBG
Widgets - Flutter | https://www.youtube.com/watch?v=1nEmFuX1Cig&list=PL1WkZqhlAdC8enpcvzv_uAS9FmHTDOCJ8
Plugins - Flutter | https://www.youtube.com/watch?v=3f9oqIvxNc0&list=PL1WkZqhlAdC9shbzjQao6cdzqB_Wu7Hr4
Animations - Flutter | https://www.youtube.com/watch?v=RLPZzDOPXG4&list=PL1WkZqhlAdC9pQE4nd9oAJi5eM9YXJeji
Designs - Flutter | https://www.youtube.com/watch?v=aLwjk-G2Qik&list=PL1WkZqhlAdC-i3Vs_HBQw9BPT9-_zMSun
Firebase - Flutter | https://www.youtube.com/watch?v=IruuzPydPz4&list=PL1WkZqhlAdC9TgTee50FWiiwVZ6kQg4W7
State Management - Flutter | https://www.youtube.com/watch?v=8H3bwxxla4Y&list=PL1WkZqhlAdC-GNyxQbfn8Db9pR6bRcQuw

CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com

#Flutter #Tutorial #JohannesMilke

LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
http://bit.ly/JohannesMilke
Категория
Язык программирования Dart
Комментариев нет.