stepo 1.0.0

Flutter Android iOS web

A Flutter package for animated unit stepper with customisable animation durations, colors and sizes.

stepo #

A highly customisable Flutter package for animated unit stepper

Supported Dart Versions #

Dart SDK version >= 2.1.0

Demo Gif #

Stepo Demo

Installation #

Pub

Add the Package

dependencies:
  stepo: ^1.0.0

How to use #

Import the package in your dart file

import 'package:stepo/stepo.dart';
Basic usage :
Stepo(
  key: UniqueKey(),
),

Note: For stepo to show instant changes on hot reload, you need to provide UniqueKey() so that the widget rebuilds every time.

Customisable usage :
Stepo(
  key: UniqueKey(),
  width: 200,                                         //Optional
  backgroundColor: Colors.deepPurple,                 //Optional
  style: Style.vertical,                              //Optional
  textColor: Colors.white,                            //Optional
  animationDuration: Duration(milliseconds: 500),     //Optional
  iconColor: Colors.white,                            //Optional
  fontSize: 20,                                       //Optional
  iconSize: 30,                                       //Optional 
  initialCounter: 25,                                 //Optional
  lowerBound: 10,                                     //Optional
  upperBound: 50,                                     //Optional
  onIncrementClicked: (counter) {                     //Optional
    print("Increment clicked");
  },
  onDecrementClicked: (counter) {                     //Optional
    print("Decrement clicked");
  },
),

Customisable fields #

AttributeTypeDefault Value
widthint160
backgroundColorcolorColors.white
stylevertical/horizontalStyle.horizontal
textColorcolorColor(0xffEC645B)
animationDurationintDuration(milliseconds: 200)
iconColorcolorColor(0xffEC645B)
fontSizeint32
iconSizeint40
initialCounterint0
lowerBoundint0
upperBoundint100
onIncrementClickedfunction(counter) {}
onDecrementClickedfunction(counter) {}

Inspired by #

Oleg Frolov's Design

Created & Maintained By #

Harpreet Singh

Damanpreet Singh

License #

Copyright 2020 Harpreet Singh & Damanpreet Singh

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
10
likes
100
pub points
52%
popularity

A Flutter package for animated unit stepper with customisable animation durations, colors and sizes.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

harpreetseera8525@gmail.com

License

Apache 2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on stepo