Description:

stepo

stepo #
A highly customisable Flutter package for animated unit stepper
Supported Dart Versions #
Dart SDK version >= 2.1.0
Demo Gif #

Installation #

Add the Package
dependencies:
stepo: ^1.0.0
copied to clipboard
How to use #
Import the package in your dart file
import 'package:stepo/stepo.dart';
copied to clipboard
Basic usage :
Stepo(
key: UniqueKey(),
),
copied to clipboard
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");
},
),
copied to clipboard
Customisable fields #



Attribute
Type
Default Value




width
int
160


backgroundColor
color
Colors.white


style
vertical/horizontal
Style.horizontal


textColor
color
Color(0xffEC645B)


animationDuration
int
Duration(milliseconds: 200)


iconColor
color
Color(0xffEC645B)


fontSize
int
32


iconSize
int
40


initialCounter
int
0


lowerBound
int
0


upperBound
int
100


onIncrementClicked
function
(counter) {}


onDecrementClicked
function
(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.
copied to clipboard

License

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

Share

• Share on Facebook
• Share on Twitter