User onboarding library with smooth animation of objects and background colors

Related tags

Animations dart tab flutter dartlang pageview dart-frameworks dart-library flutter-plugin flutter-material flutter-demo flutter-examples dart2 flutter-widget flutter-ui flutter-package dart-package
Overview

SlidingTutorial Awesome

Header image

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.

Demo image

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

Awesome

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

    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.

    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

    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> Screen Shot 2022-01-16 at 9 51 57 AM

    opened by vietstone-ng 1
  • This app is using a deprecated version of the Android embedding

    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

    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!
Cleveroad
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

vazovsky 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

Feyza Ürkut 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

Tuyen Nguyen 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

Cuong V. Nguyen 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

Android Alliance 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

Jaewoong Eum 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

Swapnil Tiwari 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

Gokberk Ergun 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

null 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

Chandrasekar Kuppusamy 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

Masayuki Suda 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)

Hanna 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

Cafer Mert Ceyhan 129 Dec 24, 2022
[] Android library for using the Honeycomb animation API on all versions of the platform back to 1.0!

DEPRECATED NineOldAndroids is deprecated. No new development will be taking place. Existing versions will (of course) continue to function. New applic

Jake Wharton 4.5k Jan 9, 2023
Android library to control Transition animates. A simple way to create a interactive animation.

TransitionPlayer Android library to control Transition animates. A simple way to create a interactive animation. Demo1 SimpleTransition Code: ....

林法鑫 1.2k Dec 17, 2022
Road Runner is a library for android which allow you to make your own loading animation using a SVG image

Road Runner Road Runner is a library for android which allow you to make your own loading animation using a SVG image Sample video View in Youtube Dem

Adrián Lomas 1.2k Nov 18, 2022
Android library to make notes drop animation for music players

VusikView Min SDK 11 Screnshots How to use If you want use this library, you can download project and import it into your workspace and add the projec

Chetan Kaushik 119 Nov 29, 2022
An simple & awesome animation library written in Kotlin for Android

An simple & awesome animation library written in Kotlin for Android

Romman Sabbir 53 Oct 17, 2022