Flutter Tutorial: Coffee App Splash Screen Animation (Lottie)

preview_player
Показать описание
In this video, we'll be working on a simple splash screen animation with Lottie and Implicit animations.

CHAPTERS
00:00 Intro
01:25 Add Lottie Package
01:50 Coffee Animation
08:32 White Container Animation
13:40 Outro

PLEASE LIKE AND SUBSCRIBE
---

#flutter #flutteranimation #flutterlottie #flutterimplicitanimation
  1. JideGuru
  2. flutter
  3. flutter tuttorial
  4. flutter animation
  5. flutter animation tutorial
  6. flutter lottie
Рекомендации по теме
Flutter Tutorial: Coffee 0:13:56

Flutter Tutorial: Coffee App Splash Screen Animation (Lottie)

Flutter UI - 0:17:23

Flutter UI - Coffee App. Splash,Home,Login Page - SpeedCode

Flutter Coffee Shop 0:12:57

Flutter Coffee Shop UI - Splash Screen - Tutorial for Beginners [ SPEED CODE ]

Native + Animated 0:03:43

Native + Animated Splash Screen in Flutter | Flutter Tutorial [2022] | Android & IOS

How to Create 0:14:21

How to Create a Splash Screen in Flutter App? | GeeksforGeeks

Figma | Testing 0:00:21

Figma | Testing Prototype with Figma Mirror | #figma #uidesign

📱 Coffee Shop 0:20:12

📱 Coffee Shop • Flutter Tutorial

Coffee Shop App 0:16:04

Coffee Shop App UI In Flutter 2023 - Flutter Tutorial - flutter course - Coffee ui #flutter #dart

Splash Screen UI 0:10:40

Splash Screen UI Design in Flutter Ep. 1 - Ecommerce Shopping App

Splash Screen Aplikasi 0:26:17

Splash Screen Aplikasi DN Coffee Dengan Flutter pt. 1

Flutter Tutorial - 0:05:05

Flutter Tutorial - Amazing Lottie Animations | Android, iOS, Flutter Web

Flutter - Setting 0:05:40

Flutter - Setting up the splash screen || Shopping App #2

coffee order ☕ 0:00:41

coffee order ☕ flutter app

Flutter tutorial - 0:06:16

Flutter tutorial - Splash Screen for Android and ios apps.

Flutter Custom Splash 0:11:38

Flutter Custom Splash Screen Tutorial | Flutter Native Splash Screen Guide

Fast Food App 0:00:24

Fast Food App in React Native 🔥 #shorts #reactnative #expo #reactjs #app #ui

Flutter Animated Splash 0:05:00

Flutter Animated Splash Screen - Flutter Tutorial

coffee app developed 0:00:25

coffee app developed by flutter

Coffee Shop App 0:00:26

Coffee Shop App UI using Flutter

Flutter Onboarding Screen 0:22:37

Flutter Onboarding Screen Tutorial | Habit App | speed code

Create Splash Screen 0:09:46

Create Splash Screen in Flutter App the Right Way in 2021

Splash Screen | 0:03:26

Splash Screen | Flutter UI Tutorial | Speed Code | 2023

📱DOPE Animations • 0:05:25

📱DOPE Animations • Flutter Tutorial ♡

Simple SplashScreen Flutter 0:00:15

Simple SplashScreen Flutter

Комментарии
Автор

YouTube algorithm gave me your video this morning here in Scotland - absolutely superb video, great code and really well explained! Learning flutter and it is a big subject, you have mastered some great techniques and explained them with mastery and clarity.
Subscribed, please keep (when you have time) sharing more of your skills and insights - your channel & your work deserves to grow very popular very soon 👍👍❤️🏴󠁧󠁢󠁳󠁣󠁴󠁿

calanm
Автор

and actually easy to reimplement. All I need is a proper Lottie animation

samueladole
Автор

Hey thank you so much!! I followed this for adding a super clean splash screen+launch to my trading app. Appreciate you 🙏 👏 This was my first time using Lottie & it’s awesome. Took me less than an hour to implement 😁

sarahlynn
Автор

Awesome tutorial and very easy to follow!

jdon
Автор

did I really hear. he said very simple😭. you guys are one another level

aliounesakho
Автор

WOW. !! Nice use of Animation widgets. 👍

MdSiam-kwox
Автор

Great Tutorial Easy to follow from start 👍

iceybills
Автор

You are doing well I have started learning

EllatheFlutterfairy
Автор

This works so good I tried this and i love it thank you so much to share it😇

amijadav
Автор

Does it override the native white splash screen?

restaurantrecipebyhafsa
Автор

Wow, you are really good.. PLs where did you learn Flutter to this mastery level??

abillowmothers
Автор

why didnt you just add a height in the lottie asset widget? or at the time of making it didnt yet exist?

edit: also for stack widget the order matters, first child widget is at the bottom, second on top of that etc etc... so if you stack it right you could save the time from hiding the BottomPart

And thank you I did also learn a lot from this video

wykeless