flutter_touch_spin

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutter用のシンプルな数値入力スピンナーウィジェットで、Bootstrap Touchspinにインスパイアされています。タッチに優しいボタンを使って数値を増減するための直感的なインターフェースを提供します。パッケージは軽量で、数値入力が必要なフォームや設定に簡単に統合できます。基本的なカスタマイズをサポートし、Flutterのウィジェットツリー内でスムーズに動作します。

用途

数値入力が必要なフォーム入力
調整可能な値を持つ設定
モバイル対応の番号選択
eコマース数量セレクター
シンプルなデータ入力インターフェース

主な機能

タッチに優しい上下ボタン
カスタマイズ可能なステップサイズ
最小構成
レスポンシブデザイン
既存のフォームとの簡単な統合

適している対象

モバイルフォームを開発する開発者
アクセシブルな数値入力を探している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>`

パッケージ、リポジトリ、アプリカテゴリを検索

flutter_touch_spin

パッケージをインストール

パッケージ概要

用途

主な機能

適している対象

注意事項

元の README

flutter_touch_spin

Getting Started

Attributes

カテゴリー

依存関係

ソースリポジトリ

flutter_touch_spin

このパッケージを使用しているプロジェクト