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
Смотрите видео Flutter Project - Food Delivery App UI, like you have never seen before 🤯🤯 | Flutter UI онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Flutter UI Dev 14 Февраль 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,214 раз и оно понравилось 200 людям.