flutter_touch_spin

KO | EN

gitlite — search

#python #typescript #android #rust #deep-learning #docker #java #nodejs #awesome #cli #kubernetes #pytorch #security #openai

flutter_touch_spin

(★ 11)

Simple number input spinner Widget for Flutter.

flutter_touch_spin 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# flutter_touch_spin

Simple number input spinner Widget for Flutter. Inspired by [Bootstrap Touchspin](https://www.virtuosoft.eu/code/bootstrap-touchspin/)

___
<img src="https://github.com/danvick/flutter_touch_spin/blob/master/example/assets/screenshot.png?raw=true" alt="Screenshot" width="200"/>

___

## Getting Started

```dart
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>`  |                                            |

flutter_touch_spin

flutter_touch_spin 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

flutter_touch_spin

flutter_touch_spin 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README