Flutter Tutorial - Page Transition Animation [2021] Route Navigation Transition

112 Просмотры
Издатель
Add a custom page transition left to right, bottom to top, and add your own Route Navigation Transitions in Flutter.
Click here to Subscribe to Johannes Milke: https://www.youtube.com/JohannesMilke?sub_confirmation=1

Source Code | https://github.com/JohannesMilke/route_transition_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
User Profile Page UI Tutorial: https://www.youtube.com/watch?v=gSl-MoykYYk
Complex Page Transition Tutorial: https://www.youtube.com/watch?v=1nwuihDA8pE
Navigation Tutorial: https://www.youtube.com/watch?v=Xnp6ptZVs1g
Advanced Navigation Tutorial: https://www.youtube.com/watch?v=btuxZkofLbs
Focused Menu Tutorial: https://www.youtube.com/watch?v=Vttl7WGtkgg
Persistent Bottom Sheet Tutorial: https://www.youtube.com/watch?v=o01hE56RMrc
Hidden Drawer UI Tutorial: https://www.youtube.com/watch?v=vZ7vdMok98g
Set Screen Background Color Tutorial: https://www.youtube.com/watch?v=eN62zlmjAEQ
Set Screen Background Image Tutorial: https://www.youtube.com/watch?v=sDS4c1C-Fdg
Modal Bottom Sheet Tutorial: https://www.youtube.com/watch?v=AjAQglJKcb4
Sliding Up Panel Tutorial: https://www.youtube.com/watch?v=s9XHOQeIeZg
Sidebar Menu & Navigation Drawer Tutorial: https://www.youtube.com/watch?v=ts9n211n8ZU
Collapsible Navigation Drawer Tutorial: https://www.youtube.com/watch?v=eT9wTf6HFS8
Scroll Controller Tutorial: https://www.youtube.com/watch?v=XWfg_d2t_Hk
Animated List Tutorial: https://www.youtube.com/watch?v=E3SQOqUq8Mg
Slidable & Dismissable Tutorial: https://www.youtube.com/watch?v=uuScuU3Vqlc

TIMELINE
0:00 Introduction Page Transition Animation
0:30 Create Custom Page Transition
1:26 Create Scale Page Transition
2:10 Create Page Transition Left To Right
3:54 Create Page Transition From Bottom And More
5:51 Create Custom Route Animation For Navigator.pushedNamed

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
Комментариев нет.