danvick/flutter_touch_spin

flutter_touch_spin

Simple number input spinner Widget for Flutter. Inspired by Bootstrap Touchspin

---

Screenshot

---

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>