flutter_scale_tap

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 套件，提供按壓時具有縮放和不透明度效果的動畫按鈕。透過在按壓時平滑縮小按鈕並降低其不透明度，然後在釋放時恢復至原始狀態，增強使用者互動體驗。非常適合建立反應迅速且視覺吸引人的 UI 元素。此套件支援所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，確保在各種裝置上行為一致。整合簡單，所需設定極少。

適用情境

建立具有視覺反饋的互動按鈕
提升移動和網頁應用的使用者體驗
向表單控件添加細微的動畫
提高遊戲中的按鈕回應速度
設計現代應用程式介面

主要特色

按下時的縮放動畫
觸控期間的不透明度變更
跨平台相容性
所需的設定最少
平滑的過渡效果
可自訂的動畫持續時間

適合對象

尋求精緻按鈕互動的UI設計師
開發互動式 Flutter 應用的開發者
需要輕量級動畫套件的專案
針對多個平台的應用程式
快速建構回應式介面原型

使用建議

對於非常大或複雜的 widget，可能需要進行調整
動畫效能取決於裝置功能
未優化前，不適用於高頻率點擊情境
僅限按鈕類元件
不支援除了按壓/釋放之外的其他手勢自訂

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

ScaleTap

Scale and opacity animated Button for Flutter

Getting Started

Wrap your widget with ScaleTap

ScaleTap(
  onPressed: (){
    //Tap
  },
  onLongPress: (){
    //Long press
  },
  child: Container(
    child: Text("Tap Me"),
  ),
)

You can change the default behaviour with the ScaleTapConfig class

class ScaleTapConfig {
  static double scaleMinValue = 0.95;
  static Curve scaleCurve = CurveSpring();
  static double opacityMinValue = 0.90;
  static Curve opacityCurve = Curves.ease;
  static Duration scaleOpacityAnimationDuration = const Duration(milliseconds: 300);
  static Duration buttonAnimationDuration = const Duration(milliseconds: 300);
}

搜尋套件、儲存庫與 APP 分類

安裝套件