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

使用此套件的專案