easy_onboard

Creator: coderz1093

Last updated:

0 purchases

easy_onboard Image
easy_onboard Images

Languages

Categories

Add to Cart

Description:

easy onboard

Easy Onboard 💙 #


Getting Started
Installing

Depend on it
Install It
Import it


Usage
Screenshots

Getting Started #
It is an easy to use package for flutter projects.

you need to do a quick project and you care about design. Include the package in your project and use it quickly.
You just have to write the texts and the image widget.
Write your primary color and color your project.

Installing #
1. Depend on it #
Add this to your package's pubspec.yaml file:
dependencies:
easy_onboard: ^1.0.2
copied to clipboard
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter pub get
copied to clipboard
3. Import it #
Now in your Dart code, you can use:
import 'package:easy_onboard/easy_onboard.dart';
copied to clipboard
Usage #
First, include the package in your project.Then add the code below to the widget tree.

Do not leave any missing parameters.


Onboard(
primaryColor: const Color(0xff6C63FF),
onboardPages: [
OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
],
lastText: 'Start',
nextText: 'Next',
skipText: 'Skip',
skipButtonPressed: () {},
),

copied to clipboard


The primary color variable is the color theme of the package.


It takes the OnboardModel in the onboardPages list and the number of models must be bigger than 2.


OnboarModel contains imagePath,title,subtitle and these fields cannot be empty.


Don't forget to define the images in pubspec.yaml.
copied to clipboard

assets:
- assets/images/

copied to clipboard


lastText, nextText,skipText are string definitions and appear on the screen.


Write in the skipButtonPressed function what to do after the Onboard screen.


FOR EXAMPLE

skipButtonPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => const SecondRoute()),
);
},

copied to clipboard
Screenshots #

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.