Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI
A Food Delivery App #UI developed using #flutter.
As the UI contains a lot of #animations, it may be a bit harder to understand.
The logic behind the navigation animation is to first animate the present screen from the bottom to top till #App Bar and then navigate the user to the second screen and use hero for App Bar to keep that shared screen feel and then on the second screen, animating the screen from top to bottom, and vice-versa.
Let me know down in the comments what do you think of this animation approach.
Designs from Outcrowd.
Design Link - https://dribbble.com/shots/7219477-Mo...
Source Code - https://github.com/Flutter-ui-dev/Flu...
Speed Codes -
Meditation App Speed Code - • Meditation App UI from Scratch - Flut...
Banking App Speed Code - • Animated Finance App UI | Speed Code ...
More tutorial from us -
Lottie animation in 220 seconds - • Lottie Animation in Flutter (The righ...
Adaptive Theming in Flutter - • How to add Dark mode in Flutter with ...
Animated Pull to Refresh in Flutter - • Animated Pull to Refresh in Flutter |...
Socials
Instagram - / flutteruidev
Twitter - / ui_flutter
Email - [email protected]
00:00 Intro
00:17 Splash Screen
01:21 Home App Bar
03:44 Category List
09:32 Home Screen List View
15:00 Adding Slide Animation to List View
16:00 Splash to Home Screen Animation
18:10 Animating Navigation
20:20 Vendor Screen Start Animation
22:50 Vendor Name Card
24:08 Products List View
25:50 Product Screen Animation
26:47 Animating Product Image and Description
29:50 Animating Description and button
30:31 Final Result
Watch video Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI online without registration, duration hours minute second in high quality. This video was added by user Flutter UI Dev 14 February 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,214 once and liked it 200 people.