Add Material touch ripples
Widgets that follow the Material Design guidelines display a ripple animation when tapped.
Flutter provides the InkWell
widget to perform this effect. Create a ripple effect using the following steps:
- Create a widget that supports tap.
-
Wrap it in an
InkWell
widget to manage tap callbacks and ripple animations.
// The InkWell wraps the custom flat button widget.
InkWell(
// When the user taps the button, show a snackbar.
onTap: () {
Scaffold.of(context).showSnackBar(SnackBar(
content: Text('Tap'),
));
},
child: Container(
padding: EdgeInsets.all(12.0),
child: Text('Flat Button'),
),
);