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

tdk_bouncingwidget のカバー
パッケージ詳細v1.0.4

tdk_bouncingwidget

Flutterウィジェットをクリックしたときにバウンスアニメーションを実現する軽量なFlutterパッケージです。3種類のバウンスアニメーションが提供されています。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
39
いいね数
14
Pub ポイント
150

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

flutter pub add tdk_bouncingwidget

パッケージ概要

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

tdk_bouncingwidget は、タップ時にウィジェットにバウンスアニメーションを追加する軽量なFlutterパッケージで、微細な視覚フィードバックによりユーザーインタラクションを強化します。3つの異なるバウンスアニメーションタイプを提供しており、ボタンやその他のインタラクティブ要素の応答を簡単にカスタマイズできます。シンプルさとパフォーマンスを重視して設計されており、複数のプラットフォームに対応するFlutterアプリにシームレスに統合されます。複雑なコードなしでUIのエンゲージメントを向上させたい開発者に最適です。このパッケージはオープンソースであり、積極的にメンテナンスされています。

用途

  • ボタンに触覚フィードバックを追加する
  • フォーム内のタッチ操作の向上
  • 遊び心のあるUI要素の作成
  • アプリの応答性の向上
  • ウィジェットのタップ効果をカスタマイズする
  • アニメーションアイコンとカード

主な機能

  • 3 つの組み込みのバウンスタイプ
  • 軽量で高速
  • クロスプラットフォーム対応
  • シンプルな API インテグレーション
  • オープンソースで、ドキュメントが充実しています
  • 最小限のボイラープレートが必要

適している対象

  • インタラクティブなフィードバックを求めるUIデザイナー
  • モバイルまたはウェブアプリを開発する開発者
  • 直感的なタッチ反応を必要とするアプリ
  • 滑らかなアニメーションに焦点を当てたプロジェクト
  • 初心者から中級者までのFlutter開発者

注意事項

  • タップベースのアニメーションに限定
  • 高度なカスタマイズオプションなし
  • ミニマリズムのデザインスタイルには適さない可能性があります
  • 重いウィジェットツリーへのパフォーマンスへの影響
  • 複雑なジェスチャー認識には適していない

元の README

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

Want to animate your widgets (like containers, cards etc...) bouncing In and out while clicking? Here is the package for that.

Features

This package contains a widget, where you need to wrap your own widgets ( like container, cards ect...) to animate them bounce in and out while clicking.

bouncing-widget-eg2

Getting started

As the first step we need to add this package in pubspec.yaml file or run the following command flutter pub add tdk_bouncingwidget

Usage

Just wrap your widget inside BouncingWidgetInOut widget as shown below and we are done!!

BouncingWidgetInOut(
    onPressed: () {},
    bouncingType: BouncingType.bounceInAndOut,
    child : Container(
        height: 60,
        width: 200,
        child: const Text('click to bounce')
    ))

There is one optional parameter called "bouncingType" which specifies the bouncing type of the widget. That is "Bouncing In only" or "Bouncing out Only" or both "Bouncing In and Out". By default bouncingType is "bounceInOnly".

bounceInOnly => Widget will shrink and grow based on scale factor value.

bounceOutOnly => Widget will grow and shrink based on scale factor value.

bounceInAndOut => Widget will shrink and grow first and then it will grow and shrink based on the scale factor value.

You can even customize the bouncing animation by giving duration how much time your widgets needs to animate and how large and small your widget should grow/shrink by giving scale factor value.

Additional information

Feel free to raise an issue if anything breaking, I will try to fix that ASAP. Github link mentioned above. Thanks!

カテゴリー

ソースリポジトリ

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

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