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

Flutter Tutorial - Material Ripple Effect In 180 Seconds | InkWell, InkResponse, InkImage
6.55 GEEK