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

Related tags

Example Apps dart tap package widget animation flutter bounce-animations
Overview

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.0.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.

You might also like...

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Real short video app with firebase and pixels API.Where you can create a short video with pixels' stock videos and also merge your audio.

Dec 26, 2022

Add a powerful and customizable GIPHY picker into your Flutter app.

Add a powerful and customizable GIPHY picker into your Flutter app.

enough_giphy_flutter Add a powerful and customizable GIPHY picker into your Flutter app. Benefits Using enough_giphy_flutter has the following benefit

Apr 21, 2022

It is an application where you can find out how many people are in space, news about space and access random space photos.

It is an application where you can find out how many people are in space, news about space and access random space photos.

It is an application where you can find out how many people are in space, news about space and access random space photos. This application was made to learn the dart language.

Oct 8, 2021

The Cat Vs Dog Scanner app will identify your dog's & cat's breed reliably in just a few seconds! Besides taking a picture, you can also record a video or upload an image from your gallery. The app is made with Flutter and TensorFlow Lite!

cat_vs_dog_detector A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you star

Nov 24, 2021

This project contains a flutter application to view any Instagram profile.

This project contains a flutter application to view any Instagram profile.

Instagram Profile Viewer (yamuntu_task) This project is for my application at yamuntu. The presented application allows the user to view any username

Jun 2, 2022

Flutter social button - A flutter package to create social media login buttons easily to any flutter app

Flutter social button - A flutter package to create social media login buttons easily to any flutter app

Flutter Social Button is a flutter package to create social media login buttons easily to any flutter app.

Dec 5, 2022

ReverseHand is a mobile application that was created with the vision of helping to reduce any power imbalances that consumers may face when seeking trade services.

ReverseHand is a mobile application that was created with the vision of helping to reduce any power imbalances that consumers may face when seeking trade services.

ReverseHand is a mobile application that was created with the vision of helping to reduce any power imbalances that consumers may face when seeking trade services. To achieve this, the mobile application allows consumers to make their needs for services known in the form of job listings, where tradesmen are able to place bids in order to be chosen and hired.

Nov 2, 2022

Liquid swipe with Drawer - Liquid swipe application with full customizable drawer with govt logo

Liquid swipe with Drawer - Liquid swipe application with full customizable drawer with govt logo

Liquid swipe with Drawer Liquid swipe application with full customizable drawer

Jan 19, 2022

A social media platform where you can build your own community.

Commun App A social media platform where you can build your own community. Contributing If you wish to contribute a change to any of the existing feat

Dec 24, 2022
Comments
  • Add hit test behavior parameter

    Add hit test behavior parameter

    Currently it is not possible to change the hit test behavior of the internal GestureDetector in the Bounceable widget.

    My change adds a hitTestBehavior parameter to Bounceable which allows changing this.

    opened by mrn 3
  • Mouse courser should indicate that you can tap on the widget

    Mouse courser should indicate that you can tap on the widget

    How it is currently

    https://user-images.githubusercontent.com/24459435/169695211-80008c24-a915-4266-a87f-23ed058ce095.mov

    Would I would expect

    https://user-images.githubusercontent.com/24459435/169695230-756f106a-c448-4559-9785-7dd6aa81aff1.mov

    Steps to reproduce

    1. Run example with web: flutter run -d chrome
    2. Hover over a card
    good first issue 
    opened by nilsreichardt 1
  • Issue regarding simultaneous bounce effect

    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).

    https://user-images.githubusercontent.com/45158405/163630124-6bfecdae-4b37-48fd-bb09-58dbebd8fbfb.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,
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
              ),
            ),
    opened by yashwant1999 1
  • Hot reload is not working

    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?

    opened by yashwant1999 1
Releases(v1.1.0)
Owner
null
GitHub
Another example of transitioning over a single tap or one click

magic_8_ball_flutter A new Flutter project. It is another example of transitioning over a single tap or one click. Getting Started This project is a s

Avinandan Bose 1 Mar 21, 2022
Instead of a simple counter app, the @FlutterDev team can provide a simple game like the one below.

Instead of a simple counter app, the @FlutterDev team can provide a simple game like the one below. Thanks to the @rive_app team for their easy-to-use animation kit.

Md. Siam 10 Oct 27, 2022
A Flutter package which can be used to make polylines(route) from a source to a destination, and also handle a driver's realtime location (if any) on the map.

GoogleMapsWidget For Flutter A widget for flutter developers to easily integrate google maps in their apps. It can be used to make polylines from a so

Rithik Bhandari 14 Nov 30, 2022
Flutter - Making a Christmas Tree 🎄| Tween Animation | Tween Animation

flutter_christmas A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you starte

Pawan Kumar 23 Dec 23, 2021
11t is an iOS and Android app for connecting to Mastodon, written in Flutter. 11t lets you use any Mastodon instance.

README 11t is an iOS and Android app for connecting to Mastodon, written in Flutter. I connect to Mastodon on mastodon.social, but everyone can start

Jeroen Smeets 88 Dec 23, 2022
A thank you page made in flutter for successful payment status in any application.

thanku A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Dr. Usman 2 Jan 3, 2023
SeeFood is a Flutter app which tells you whether photograph contains any food items or not.

See Food ?? ?? See Food is a Flutter app which tells you whether photograph contains any food items or not. This app is highly inspired by and an atte

Tirth 23 Oct 8, 2022
This is an E-commerce App that you can buy goods, it has no data base so all you see in this app are created as default

This is an E-commerce App that you can buy goods, it has no data base so all you see in this app are created as default. Once I create a server and connect with it, I will create another repository or simply update this one.

Khusan Flutter Dev 2 Feb 10, 2022
a simple Quran app made with flutter without any images or pdf

forqan A simple Quran app made with flutter without any images or pdf . screenshot Support If you like what we do, and would want to help us continue

null 15 Oct 22, 2022
A simple App made with flutter where you can create Q&A List

iQuestions ?? Welcome to Iquestions project! A simple App made with flutter where you can create Q&A List. This is a Fully Functional App that uses Ge

Filipe Lukebana 3 Sep 13, 2022