Añadir efectos de onda táctiles de Material
Cómo implementar animaciones de ondas (ripple).
Los Widgets que siguen las pautas de Material Design muestran una animación de onda (ripple) cuando se tocan.
Flutter proporciona el Widget InkWell
para realizar este efecto.
Crea un efecto de onda utilizando los siguientes pasos:
- Crear un Widget que admita toques.
- Envuélvelo en un Widget
InkWellpara gestionar los callbacks de toque y las animaciones de ondas.
// The InkWell wraps the custom flat button widget.
InkWell(
// When the user taps the button, show a snackbar.
onTap: () {
ScaffoldMessenger.of(
context,
).showSnackBar(const SnackBar(content: Text('Tap')));
},
child: const Padding(
padding: EdgeInsets.all(12),
child: Text('Flat Button'),
),
)
Ejemplo interactivo
#A menos que se indique lo contrario, la documentación de este sitio refleja Flutter 3.44.0. Página actualizada por última vez el 2026-05-05. Ver código fuente oreportar un problema.