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

AttributeTypeDefault
valuenum1
minnum1
maxnum9999999
stepnum1
displayFormatNumberFormat
textStyleTextStyleTextStyle(fontSize: 24)
iconSizedouble24.0
addIconIconIcon(Icons.add)
subtractIconIconIcon(Icons.remove)
iconActiveColorColorTheme.of(context).textTheme.button.color
iconDisabledColorColorTheme.of(context).disabledColor
iconPaddingEdgeInsetsGeometryEdgeInsets.all(4.0)
onChangedValueChanged<num>

Libraries

flutter_touch_spin