Manejar toques

No solo quieres mostrar información a los usuarios, también quieres que los usuarios interactúen con tu aplicación. Utiliza el Widget GestureDetector para responder a acciones fundamentales, como tocar y arrastrar.

Esta receta muestra cómo hacer un botón personalizado que muestra un snackbar al ser tocado con los siguientes pasos:

1. Crear el botón.
2. Envuélvelo en un GestureDetector y proporciona un callback onTap().

// The GestureDetector wraps the button.
GestureDetector(
  // When the child is tapped, show a snackbar.
  onTap: () {
    const snackBar = SnackBar(content: Text('Tap'));
​
    ScaffoldMessenger.of(context).showSnackBar(snackBar);
  },
  // The custom button
  child: Container(
    padding: const EdgeInsets.all(12),
    decoration: BoxDecoration(
      color: Colors.lightBlue,
      borderRadius: BorderRadius.circular(8),
    ),
    child: const Text('My Button'),
  ),
)

1. Para obtener información sobre cómo añadir el efecto de onda de Material a tu botón, consulta la receta Añadir ondas táctiles de Material.
2. Aunque este ejemplo crea un botón personalizado, Flutter incluye varias implementaciones de botones, tales como: ElevatedButton, TextButton y CupertinoButton.