uistepper

Description:

uistepper

Flutter UIStepper widget #
A widget for incrementing or decrementing a value by using +/- buttons. This is a Flutter implementation of the UIStepper control found in Apple iOS UIKit.

Usage #
First import it in your Dart code:
import 'package:uistepper/uistepper.dart';
copied to clipboard
Instantinate it in your build method and use a double property to store its value:
double stepperValue = 1;
//...
UIStepper(
value: stepperValue,
onChanged: (value) { setState(() => stepperValue = value); }
);
copied to clipboard
Specify minimum and maximum values by using the corresponding minimumValue and maximumValue properties. The increment/decrement step is determined by the stepValue property, The wraps property indicates whether to wrap the current value to its minumum or maximum values when using stepValue different than 1:
UIStepper(
value: stepperValue,
minumumValue: 1,
maximumValue: 100,
stepValue: 5,
wraps: true,
onChanged: (value) { setState(() => stepperValue = value); }
);
copied to clipboard
You can customize various attributes, for example the tintColor property sets +/- button color and the showLabel property determines whether to show or not the label:
UIStepper(
value: stepperValue,
tintColor: Colors.red,
showLabel: false,
onChanged: (value) { setState(() => stepperValue = value); }
);
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