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

ducafecatFlutter エコシステムナビ
counter_button のカバー
パッケージ詳細v1.0.1

counter_button

カウンターボタンは、カウンター値を増加または減少する際にアニメーション効果を持つボタンを作成できるFlutterライブラリです。

AndroidiOSWebmacOSWindowsLinux
pub.dev API ドキュメント ソースコード
30日間ダウンロード
270
いいね数
31
Pub ポイント
160

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

flutter pub add counter_button

パッケージ概要

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

Counter Button は、カウンター値を増加および減少させるためのアニメーションボタンを提供するFlutterライブラリです。状態変化時にスムーズな視覚フィードバックを提供し、ユーザーインタラクションを向上させ、数値入力コントロールに最適です。このパッケージはAndroid、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。`flutter pub add counter_button` を使用した最小限のセットアップで、開発者はアプリにアニメーションカウンターを簡単に統合できます。軽量な設計により、パフォーマンスと使いやすさに重点が置かれています。

用途

  • インタラクティブな数値入力
  • ゲーム化要素
  • ショッピングカートの数量制御
  • フォームフィールドの調整
  • 状態変更のためのUIフィードバック

主な機能

  • アニメーションカウンターの遷移
  • クロスプラットフォーム互換性
  • pubspec.yaml との簡単な統合
  • カスタマイズ可能な外観
  • 状態変更時のスムーズなUIフィードバック

適している対象

  • アニメーションカウンターを求める開発者
  • インタラクティブな数値入力が必要なアプリ
  • マイクロインタラクションに注力するUIデザイナー
  • 初心者向けFlutterプロジェクト
  • 複数のプラットフォームをターゲットにするプロジェクト

注意事項

  • 基本的なカウンター機能に限定
  • 組み込みの検証や範囲チェックなし
  • 外部のアニメーションライブラリに依存しています
  • 複雑なデザインには追加のスタイリングが必要になる場合があります
  • 最適化が行われていない場合、高頻度の更新には向かない

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

counter_button

pub package GitHub stars GitHub forks GitHub license GitHub issues

Counter Button is a flutter library that allows you to create a button with animation effects when you increase or decrease the counter value.

Screenshots

Demo Loading demo

Installing

dependencies:
  counter_button: ^1.0.1
Import
import 'package:counter_button/counter_button.dart';

How To Use

CounterButton(
  loading: false,
  onChange: (int val) {
    setState(() {
      _counterValue = val;
    });
  },
  count: _counterValue,
  countColor: Colors.purple,
  buttonColor: Colors.purpleAccent,
  progressColor: Colors.purpleAccent,
)

parameters

parameter description default
count Value of the counter
countColor Color of the counter Colors.black
onChange Value change callback when the buttons are pressed
loading For showing the linear progress indicator
progressColor Color of the progress indicator Colors.black
buttonColor Color of the icon button Colors.black
addIcon Add button icon
removeIcon Remove button icon const Icon(Icons.remove)

Bugs & Requests

If you encounter any bugs feel free to open an issue. Raise a ticket on github for suggestions. Pull request are also welcome.

Flutter

For help getting started with Flutter, view our online documentation.

For help on editing plugin code, view the documentation.

License

MIT License

カテゴリー

スピンボックス

ソースリポジトリ

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

データはまだありません。