Flutter Onboarding Screen | Flutter Liquid Swipe | Flutter Smooth Page Indicator [2023]

Опубликовано: 01 Январь 1970
на канале: Coding With T

44,196

543

In this flutter tutorial, we will create Flutter Onboarding Screen using Flutter Liquid Swipe animation and use smooth_page_indicator.
PLAYLIST:    • Flutter Login App - UI UX, Backend, F...
Onboarding screen is a list of pages that we use to explain the basics of an App. It only appears at the first time. So, to create onboarding screen in flutter we will follow the steps as below.
1 - Design the Flutter Onboarding UI with the help of Flutter Liquid Swipe and Smooth Page Indicator Packages.
2 - Add Logic using Flutter Stateful widgets
3 - Separate Logic and Design using GetX State Management.

LOGIN APP PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► COMPLETE PLAYLIST:    • Flutter Login App - UI UX, Backend, F...
► FIREBASE PLAYLIST:    • Flutter Firebase Basics - Firebase Fu...

DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► CODE & RESOURCES: https://codingwitht.com/flutter-login...

VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
► 01 - Flutter Folder Structure    • Flutter App with Firebase | Flutter A...
► 02 - Flutter Folder Structure    • How to Create a Flutter Folder Struct...
► 03 - Setup Theme Light & Dark:    • How to Setup a Custom Theme in Flutte...
► 04 - Flutter Native Splash    • How to create Flutter Native Splash S...
► 05 - Custom Splash with Animation    • Flutter Splash Screen tutorial with a...
► 06 - On Boarding Screen    • Flutter Onboarding Screen | Flutter L...
► 07 - Welcome Screen Design    • Welcome Screen | Flutter Login UI | F...
► 08 - Animate any widget    • Flutter Animation 2023 - Animate any ...
► 09 - Flutter Login UI    • Flutter Animation 2023 - Animate any ...
► 10 - Flutter Signup UI    • Modern Signup form in Flutter - Signu...
► 11 - Flutter Forget Screen    • Flutter Forget Password - Flutter Fir...
► 12 - Flutter OTP Design    • Flutter OTP Verification Screen UI - ...
► 13 - Flutter Dashboard    • Flutter UI Design Tutorial - Flutter ...
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬
► 14 - Setup Firebase in Flutter    • Simplest way to Setup Firebase in Flu...
► 15 - Firebase Authentication    • Flutter Firebase Authentication Tutor...
► 16 - Firebase Phone No Auth    • Flutter Firebase Phone Number OTP Aut...
► 17 - Flutter Profile UI    • Flutter Profile Page UI Design - Flut...
► 18 - Store Data in Firestore    • How to store data in Firestore Flutte...
► 19 - Verify Email in Flutter    • Verify Email in Firebase Flutter - Em...

COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
► FLUTTER CRASH COURSE    • Flutter Crash Course for absolute beg...
► LOGIN APP with GETX    • Flutter Login App - UI UX, Backend, F...
► E-COMMERCE APP    • Professional Flutter E-Commerce App w...

CHAPTERS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
0:00 Overview
0:49 Add Assets and Packages
2:33 Design Onboarding Screen
12:52 Add Smooth Page Indicator
14:03 Logic using Stateful Widget
16:50 Logic using GetX State Management
21:39 Tutorial Conclusion

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
FOLLOW US ON SOCIAL MEDIA!
💻 Facebook:   / codingwithtea
💻 Instagram:   / coding_with_tea

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:
► Subscribe https://www.youtube.com/Codingwithtea...
►► Support https://codingwitht.com/support-the-c...

#flutterapp #flutterfirebase #firebaseauth #codingwithTea