flutter_scale_tap

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides animated buttons with scale and opacity effects on press. It enhances user interaction by smoothly scaling down the button and reducing its opacity when pressed, then returning to original state upon release. Ideal for creating responsive and visually engaging UI elements. The package supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux, ensuring consistent behavior across devices. Simple to integrate with minimal configuration required.

Use cases

Creating interactive buttons with visual feedback
Enhancing UX in mobile and web apps
Adding subtle animations to form controls
Improving button responsiveness in games
Designing modern app interfaces

Key features

Scale animation on press
Opacity change during touch
Cross-platform compatibility
Minimal setup required
Smooth transition effects
Customizable animation duration

Suitable for

UI designers seeking polished button interactions
Developers building interactive Flutter apps
Projects requiring lightweight animation packages
Apps targeting multiple platforms
Prototyping fast and responsive interfaces

Considerations

May require tuning for very large or complex widgets
Animation performance depends on device capabilities
Not suitable for high-frequency tap scenarios without optimization
Limited to button-like components
Does not support gesture customization beyond press/release

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

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);
}

Search packages, repositories and app categories

Install package