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

In this flutter tutorial, we will create Flutter Onboarding Screen using Flutter Liquid Swipe animation and use smooth_page_indicator.
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
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

DOWNLOAD PROJECT
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

VIDEOS
▬▬▬▬▬▬▬▬▬▬ DESIGN ▬▬▬▬▬▬▬▬▬▬
▬▬▬▬▬▬▬▬▬▬ FIREBASE ▬▬▬▬▬▬▬▬▬▬

COURSES
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

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!

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
SUPPORT
To support the creation of a free content please visit:

#flutterapp #flutterfirebase #firebaseauth #codingwithTea

[androidstc]

nice and beuty design .thanks bro lets goo

[GuzSurya]

hallo, great tutorial. i wanna ask a question, how to add a button "get started" on end of onboarding screen ? can you tell me, where i can add the button?

[kennytan]

for the onboarding screen does it appear only once or each time u launch the app?

[khalidJava]

Hi Dear, Thanks for this great tutorial, I have one Question, if I need to make this onBoarding screen appear one time and then go to Welcome screen, So how to code it please🙏🙏

[Matrix-jpjn]

Thank you for this Osm video, welcome screen and splash screen is not working. What can I do for it? Even after creating Same folders

[Hamza-yqsj]

can you do OnBoardingScreen show only one time when you use app first time?

[playpauselofi]

Great job 👏, bro how do I get your android avd custom skin?

[ia_satrioardyhamzah]

thank you for the tutorial, can you give us the tutorial how to add button in the last page of onboarding page please, i need the button for go to welcome page thank you

[SplendornetTest]

Where do i find all the images that have been used in the project ?

[CaioHenriqueCapêlo]

Hello, sir! I'm having an error in my code. It says: LiquidController not attached to any LiquidSwip widget. Can u elucidate what it's going on and how can I solve it? Thank you for your great playlist!

[zeeshanpc]

I created the flutter_native_splash, but now, I do not want that to be shown as I have custom Splash Screen. How to disable that flutter_native_splash ?

[usefulone]

Thank you for your great tutorial 💜

I followed u every step, every thing is working except the black button doesn't navigate & skip also doesn't work with me 😥

The error says: LiquidController not attached to any LiquidSwip widget

[MRGAMING-xcmw]

from where we get images
actual links given in description not working

[winko]

Great Video !
btw Sir where i can get the image asset files

[GadgetExp-ft]

sir whats the value of tdefaultsize ?

[ariesxd]

GETTING ERROR ON required this.model how to solve ? Its showing saying create class required

[khlifisafa]

Hi! I finished all the series and bought the code source, also I've followed all the steps but I'm getting this error when I'm launching the emulator: Error: The argument type 'OnBoardingModel/*1*/' can't be assigned to the parameter type 'OnBoardingModel/*2*/'.

[ashirwadkatkamwar]

images are not available on the for download 404 error

[parthvaghani]

Onboarding screen not to navigate to welcome screen?

[Nitimoy]

how to move from onboarding screen to welcome screen ??