User onboarding library with smooth animation of objects and background colors

Last update: Dec 31, 2022

Overview

SlidingTutorial

Cleveroad introduces Sliding Tutorial Library for Flutter

Hey guys, hope you haven’t started developing a tutorial for your Flutter app yet, as we have already completed a part of your job. Don’t worry, we act from good motives only. Our aim is to help you create a sliding tutorial in a fast and simple manner. So we’ve done some work and voila!. A simple Flutter Sliding Tutorial library is at your service.

Also you can watch the animation of the Sliding Tutorial for Android on YouTube in HD quality.

The invention is going to ease the problem of structural design but not to limit a stretch of your imagination at the same time. We took care of the suitability aspect. So, your app is not going to look alien among other Flutter elements.

Applied parallax effects will make your product presentation look like Google apps tutorial.

All you need to do is:
1. Create background designs for each screen of your tutorial (assistance with mobile design)
2. Create icons for each screen of your tutorial
3. Follow the instructions below

Full Documentation

Setup

In the pubspec.yaml of your flutter project, add the following dependency:

dependencies:
  ...
  flutter_sliding_tutorial: "^0.1.0"

In your library add the following import:

import 'package:flutter_sliding_tutorial/flutter_sliding_tutorial.dart';

Quick Start

Changelog

See changelog history.

Support

If you have any questions regarding the use of this tutorial, please contact us for support at [email protected] (email subject: «Sliding Tutorial: Flutter. Support request.»)
or
Use our contacts:
Cleveroad.com
Facebook account
Twitter account
Google+ account

License

    The MIT License (MIT)

    Copyright (c) 2015-2016 Cleveroad

    Permission is hereby granted, free of charge, to any person obtaining a copy
    of this software and associated documentation files (the "Software"), to deal
    in the Software without restriction, including without limitation the rights
    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    copies of the Software, and to permit persons to whom the Software is
    furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all
    copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Comments

Sliding indicator imprecision

Hi, the inactiveIndicator and activeIndicator in the SlidingIndicator widget are no properly aligned and it's triggering my OCD. The activeIndicator is slightly offset downwards, creating a tiny gap above the icon.

opened by SeriousMonk 2
Avoid right margin for last indicator.

Like first indicator does not have left margin, the last indicator should not have right margin.

Since the first indicator does not have a left margin, the last indicator should not have a right margin. Removing the right margin for the last indicator allows the sliding indicator to be perfectly centered horizontally.

opened by Danaru87 1
Error on running ios example
When I tried to run the example on iOS Simulator, I encountered the error as the screenshot. After some research, I can fix with 2 steps below:

in Podfile, uncomment line 2 (remove the # character, means force build for ios 9 instead of default ios 8) platform :ios, '9.0'

run pod install in ios folder

Although I can fix it with these 2 steps, I think this's not the correct change to make a new PR (especially pod install). Maybe some changes from Flutter configuration is the right solution.

<Error screenshot>
opened by vietstone-ng 1

This app is using a deprecated version of the Android embedding

Hi dears,

After upgrade Flutter to 2.8.1, Dart to 2.15.1 and flutter_sliding_tutorial to 1.1.2, I'm getting the following error:

$ flutter run                                                                                      (master|…4)
Running "flutter pub get" in example...                          2,021ms
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Warning
──────────────────────────────────────────────────────────────────────────────
Your Flutter application is created using an older version of the Android
embedding. It's being deprecated in favor of Android embedding v2. Follow the
steps at

https://flutter.dev/go/android-project-migration

to migrate your project.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

This app is using a deprecated version of the Android embedding.
To avoid unexpected runtime failures, or future build failures, try to migrate this app to the V2 embedding.
Take a look at the docs for migrating an app: https://github.com/flutter/flutter/wiki/Upgrading-pre-1.12-Android-projects

opened by marcio-pessoa 1

Add gradient color

Hello wWould it be possible to add a module to be able to put a color system randian? (as in this lib: https://pub.dev/packages/animate_gradient)

Thanks in advance if this feature could be added!

opened by valtoo16 0

Owner

Cleveroad

Professional web and mobile development company. Full-cycle IT development!

GitHub https://www.cleveroad.com/

A custom smooth graph with animation

SmoothGraph A custom smooth graph with animation. Intall in progress... Sample of using in activity_main.xml <app.vazovsky.smoothgraph.SmoothGraphV

0 Dec 12, 2021

Onboarding sample project with view pager & shared preferences

Onboarding Sample Project When the application is first downloaded, we go to onboarding from the splash screen. We keep the information that onboardin

2 Jun 29, 2022

Beautiful and smooth custom loading views

mkloader Beautiful and smooth custom loading views Usage <com.tuyenmonkey.mkloader.MKLoader android:layout_width="wrap_content" an

1.4k Nov 22, 2022

Support extension to use Android ViewBinding quickly and smooth transform from kotlin-synthetic-extension.

ViewBinding Delegate Extension Support extension to use Android ViewBinding quickly and smooth transform from kotlin-synthetic-extension. Binding inst

3 Dec 13, 2021

Override the Holo EdgeEffect colors

EdgeEffectOverride EdgeEffectOverride is library designed to help override the blue overscroll_edge and overscroll_glow effects used by the the EdgeEf

644 Sep 16, 2022

🎨 Android colorpicker for getting colors from any images by tapping on the desired color.

ColorPickerView ?? ColorPickerView implements getting HSV colors, ARGB values, Hex color codes from any image drawables or your gallery pictures by ta

1.3k Jan 8, 2023

Android Animation Easing Functions. Let's make animation more real!

Android Easing Functions This project is originally from my another project, AndroidViewAnimation, which is an animation collection, to help you make

2.5k Jan 4, 2023

A customised EditText view serving the purpose of taking numeric One Time Password from a user. With stunning animation, and high customizability.

PassCodeText A customised EditText view serving the purpose of taking numeric One Time Password from a user. With stunning animation, and high customi

107 Nov 16, 2022

[] Easily have blurred and transparent background effect on your Android views.

##[DEPRECATED] BlurBehind Easily have blurred and transparent background effect on your Android views. Before API level 14 there was a Window flag cal

516 Nov 25, 2022

Location tracking & geofencing the easy way. Supports background, killed app, rebooted device different update intervals.

Geofencer Convience library to receive user location updates and geofence events with minimal effort. Features: supports Android-Q receive updates on

85 Dec 15, 2022

AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation animation effects. It is very easy to use and customize without adding third party library integrations.

AppIntroAnimation AppIntroAnimation is a set of code snippets to make cool intro screen for your app with special Image Translation and Transformation

799 Nov 14, 2022

FPSAnimator is very easy animation library for Android TextureView and SurfaceView.

FPSAnimator A simple but powerful Tween / SpriteSheet / ParabolicMotion / animation library for Android TextureView and SurfaceView. Features The cont

756 Dec 30, 2022

FadingToolbar is an animation library which fades out your footer view in a ScrollView/RecyclerView and fades in a toolbar title

FadingToolbar is an animation library which fades out your footer view in a ScrollView/RecyclerView and fades in a toolbar title (analogue of the LargeTitle animation in iOS)

9 Nov 3, 2022

Postman is a reactive One-tap SMS verification library. This library allows the usage of RxJava with The SMS User Consent API

What is Postman? Postman is a reactive One-tap SMS verification library. This library allows the usage of RxJava with The SMS User Consent API Usage P

129 Dec 24, 2022