In this flutter tutorial, we will learn to create a custom Flutter Splash Screen tutorial with animation.
PLAYLIST: [ Ссылка ]
Splash screens used for branding and almost every app has a Splash Screen. Splash screen in flutter can be used in two ways. Either create a Native Splash Screen with simple Icon or custom splash screen with in-depth animations.
I have divided this flutter splash screen in 3 parts.
1 - Design the splash screen in flutter
2 - Use 2 widgets for animation, AnimatedPositioned & AnimatedOpacity with StatefulWidget Class
3 - To Save RAM & add Separation of Concern we will Use Stateless Widget and GetX as State Management
LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST: [ Ссылка ]
► FIREBASE PLAYLIST: [ Ссылка ]
DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: [ Ссылка ]
VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure [ Ссылка ]
► 02 - Flutter Folder Structure [ Ссылка ]
► 03 - Setup Theme Light & Dark: [ Ссылка ]
► 04 - Flutter Native Splash [ Ссылка ]
► 05 - Custom Splash with Animation [ Ссылка ]
► 06 - On Boarding Screen [ Ссылка ]
► 07 - Welcome Screen Design [ Ссылка ]
► 08 - Animate any widget [ Ссылка ]
► 09 - Flutter Login UI [ Ссылка ]
► 10 - Flutter Signup UI [ Ссылка ]
► 11 - Flutter Forget Screen [ Ссылка ]
► 12 - Flutter OTP Design [ Ссылка ]
► 13 - Flutter Dashboard [ Ссылка ]
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter [ Ссылка ]
► 15 - Firebase Authentication [ Ссылка ]
► 16 - Firebase Phone No Auth [ Ссылка ]
► 17 - Flutter Profile UI [ Ссылка ]
► 18 - Store Data in Firestore [ Ссылка ]
► 19 - Verify Email in Flutter [ Ссылка ]
COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE [ Ссылка ]
► LOGIN APP with GETX [ Ссылка ]
► E-COMMERCE APP [ Ссылка ]
CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
0:00 Overview
01:06 What we will Learn?
01:38 Design the Splash Screen
06:37 Animate using Stateful Widgets
07:41 AnimatedPositioned Widget
09:39 AnimatedOpacity Widget
10:45 Splash Screen using GetX State Management
14:45 Use Obx Instead of Stateful Widget
17:20 End Result
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
💻 Facebook: [ Ссылка ]
💻 Instagram: [ Ссылка ]
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe [ Ссылка ]
►► Support [ Ссылка ]
LIKE & Subscribe :-)
#flutterapp #flutterfirebase #firebaseauth #codingwithTea
Ещё видео!