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: TextStyle(fontSize: 36),
    iconSize: 48.0,
    addIcon: Icon(Icons.add_circle_outline),
    subtractIcon: Icon(Icons.remove_circle_outline),
    iconActiveColor: Colors.green,
    iconDisabledColor: Colors.grey,
    iconPadding: EdgeInsets.all(20),
    onChanged: (val){
        print(val);
    },
),

Attributes

AttributeTypeDefaultRequiredDescription
valuenum1false--
minnum1false--
maxnum9999999false--
stepnum1false--
displayFormatNumberFormart1false--
textStyleTextStyle1false--
iconSizedouble24.0false--
addIconIconIcon(Icons.add)false--
subtractIconIconIcon(Icons.remove)false--
iconActiveColorColorTheme.of(context).textTheme.button.colorfalse--
iconDisabledColorColorTheme.of(context).disabledColorfalse--
iconPaddingEdgeInsetsGeometryEdgeInsets.all(4.0)false--
onChangedValueChanged<num>false--

Libraries

flutter_touch_spin