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>

Libraries

flutter_touch_spin