flutter_touch_spin 2.0.0 flutter_touch_spin: ^2.0.0 copied to clipboard
Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin
flutter_touch_spin #
Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin
Getting Started #
TouchSpin(
min: 5,
max: 100,
step: 5,
value: 10,
displayFormat: NumberFormat.currency(locale: 'en_US', symbol: '\$'),
textStyle: const TextStyle(fontSize: 36),
iconSize: 48.0,
addIcon: const Icon(Icons.add_circle_outline),
subtractIcon: const Icon(Icons.remove_circle_outline),
iconActiveColor: Colors.green,
iconDisabledColor: Colors.grey,
iconPadding: const EdgeInsets.all(20),
onChanged: (val){
print(val);
},
),
Attributes #
Attribute | Type | Default |
---|---|---|
value |
num |
1 |
min |
num |
1 |
max |
num |
9999999 |
step |
num |
1 |
displayFormat |
NumberFormat |
|
textStyle |
TextStyle |
TextStyle(fontSize: 24) |
iconSize |
double |
24.0 |
addIcon |
Icon |
Icon(Icons.add) |
subtractIcon |
Icon |
Icon(Icons.remove) |
iconActiveColor |
Color |
Theme.of(context).textTheme.button.color |
iconDisabledColor |
Color |
Theme.of(context).disabledColor |
iconPadding |
EdgeInsetsGeometry |
EdgeInsets.all(4.0) |
onChanged |
ValueChanged<num> |