Flutter - Ripple Effect

In Flutter, the InkWell widget is used to perform ripple animation when tapped.  This effect is common for all the app components that follow the material design guideline. A ripple animation in its simplest term can be understood as a black (default) bar at the bottom of an app that displays some data when a tap is done on the respective component of the application.

Steps to implement inkwell

Step 1 : Creating a simple widget

create a simple widget that has a button that can not interact with user:

To know more about container in flutter refer this article: Container class in Flutter

Step 2 : Using InkWell widget

Now wrap the widget that we just created above with the InkWell widget as shown below:

To know more about SnackBar in flutter refer this article: Flutter – Snackbar

Now let's build the complete app from the below-given source code.

Complete Source Code (main.dart)

Output: