The Flutter Ripple Effect Animation gives the user a Touch Feedback if he taps on a widget in Flutter. To apply splash effects in Flutter you could use the InkWell, InkResponse, and InkImage Widgets.
Source Code | https://github.com/JohannesMilke/ripple_effect_example
TIMELINE
- 0:00 Introduction Flutter Material Ripple Effect
- 0:18 Rectangular Ripple Effect
- 0:28 Circular Ripple Effect
- 0:37 Ink Image Ripple Effect / Ripple Effect On Image
- 0:49 Fix: InkWell Not Showing Ripple Effect With Background Color
- 1:08 Highlight Color VS Splash Color
- 1:34 Rounded Ripple Effect / Circular Ripple Effect
- 1:48 InkWell - Limit Ripple Effect Size
- 2:06 InkResponse - Expand Ripple Effect Size
#flutter