Awesome Onbarding Page with Flutter 🥳

Onboarding is a great feature to briefly introduce users to your app’s features.

In this article, we will make great designs very easily using the introduction_screen package.

Let’s start 🤩

1 — Let’s review the library

introduction_screen | Flutter Package

2 — add a line like this to your package’s pubspec.yaml

dependencies:
  introduction_screen: ^3.1.1

3 — and run an flutter pub get

Open the Android Studio Terminal and run flutter pub get

4 — Next are the necessary icons for the design of our onboarding pages.

I chose to make this design available for free on Figma. You can customize it according to your own design.

We create folder: assets/onboarding. We put our 3 images in the onboarding folder.

We make the necessary configurations in the pubspec.yaml file. And then we run flutter pub get

assets:
  - assets/
  - assets/onboarding/

5 — We create screens folder and onboarding_screen.dart file.

Our awesome onboarding screen is ready. 👾🧐

You can access the project from my Github account. 👩🏽‍💻