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 分类

安装插件