mingsern / flutter_bounceable

A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.

flutter_bounceable

• A simple, interactive and customizable on-tap bounce animation that can be wrapped on any widgets that you like.
• You can create custom bouncing animation similarly to apps like Spotify and App Store.
• Package similar to flutter_bounce and bouncing_widget.

Advantages:

• Truly simple and efficient.
• Customizable bouncing animation using curve, scaleFactor and duration.
• Options to control onTap, onTapUp, onTapDown and onTapCancel.
• Enable and disable onTap option.
• Not sticky when scrolling.
• Does not trigger multiple onTap events when tapped on multiple Bounceable widget simultaneously.

🚀 Installing:

In your pubspec.yaml

dependencies:
  flutter_bounceable: ^1.1.0

import 'package:flutter_bounceable/flutter_bounceable.dart';

Usage:

Just wrap on any widget that you like, it just works🙂:

Bounceable(
  onTap: () {},
  child: YourWidget(),
);

Demo:

Contributing:

Feature requests and pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Support:

flutter_bounceable's Issues

Mouse courser should indicate that you can tap on the widget

How it is currently

Screen.Recording.2022-05-22.at.14.28.02.mov

Would I would expect

Screen.Recording.2022-05-22.at.14.29.15.mov

Steps to reproduce

1. Run example with web: flutter run -d chrome
2. Hover over a card

Issue regarding simultaneous bounce effect

i am new to flutter so do not understand much of widget , tree stuff but will try best to explain the issue.

Issue

It is specifilcally regarding touchpad on laptops. Whenever in a widget tree if there two or more than two Bounceable widget with one being child and other being parent then taping on one of the child widget create bouncy effect for both child as well as for the parent Bounceable widgets.

Video

Avoid the black flickering (Screenrecorder issue).

Screencast.from.04-16-2022.01_55_53.AM_compressed.mp4

Code

  Bounceable(
              scaleFactor: 0.5,
              onTap: () {},
              child: Container(
                color: Colors.pink,
                height: 700,
                width: 200,
                child: Bounceable(
                  scaleFactor: 0.5,
                  onTap: () {},
                  child: Center(
                    child: Container(
                      width: 200,
                      color: Colors.green,
                      height: 200,
                      child: Bounceable(
                        scaleFactor: 0.2,
                        onTap: () {},
                        child: const Center(
                          child: Icon(
                            Icons.settings,
                            size: 50,
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
              ),
            ),

Hot reload is not working

First of all thankyou for the simple widget. Only issue i am facing is that when i change the parameter and hotreload it doesn't apply the changes i need to hotrestart to see those changes.

Is this a issue or Am i missing something here?