flutter_touch_spin

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个简单的数字输入旋转控件，灵感来自 Bootstrap Touchspin。它提供了一个直观的界面，可通过触摸友好的按钮来增加和减少数值。该包轻量且易于集成到需要数值输入的表单或设置中。支持基本自定义，并可无缝融入 Flutter 的控件树。

适合场景

需要数值输入的表单输入项
可调整值的设置
移动友好型号码选择
电子商务数量选择器
简单数据输入界面

主要特点

触摸友好的上下按钮
可自定义步长
最小配置
响应式设计
与现有表单的轻松集成

适合对象

开发移动表单的开发者
寻求可访问数字输入的UI设计师
需要轻量级旋转器的项目
频繁数值调整的应用
Flutter 初学者探索输入控件

使用建议

仅限基本功能
无内置验证
不适用于复杂的数值范围
不支持键盘输入
依赖于 Flutter 的手势系统

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

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

搜索插件、代码仓与 APP 分类

flutter_touch_spin

安装插件

插件介绍

适合场景

主要特点

适合对象

使用建议

原始 README

flutter_touch_spin

Getting Started

Attributes

所属分类

依赖

源码仓库

flutter_touch_spin

使用此插件的项目