Flutter Effect Challenge - Splash Tap @FunwithFlutter
Flutter Effect Challenge - Splash Tap  @FunwithFlutter
Uploaded February 2019 | Updated September 2026, 6 days ago
In this video we create a custom widget that animates a tap splash effect, inspired by this design on Dribbble: dribbble.com/shots/5922034-Multi-search-by-categories

The Splash widget receives a child and on tap an expanding splash effect appears. We make use of Animations, GestureDetector, GestureTapCallback, CustomPainter and RenderBox to complete our implementation.

Making this widget into a Flutter Pub Package:
youtube.com/watch?v=R-iRVzd3E3M
pub.dartlang.org/packages/splash_tap

Code for the package:
github.com/funwithflutter/splash_tap
Flutter Effect Challenge - Splash TapRive: Kid Hero - #25 Touch Ups and GradientsRive: Vector Animation - #02 Getting StartedFlutter UI Tip 3: Popup CardFlutter Game with Implicit AnimationsRive: Vector Animation - #00 IntroductionRive: Kid Hero - #24 Smooth AnimationRive: Kid Hero - #18 BonesRive: Kid Hero - #22 Introducing ConstraintsCreate your own Play/Pause animation using Flutter and FlareRiverpod Tutorial 02 - Reading providers best practicesEasy to use Icons for Flutter | Font Awesome
Fun with Flutter |

Flutter Effect Challenge - Splash Tap

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER