Tus propias funciones

Parte de la sección Cómo hacerla interactiva del Journey de Flutter de Coddy. Lección 6 de 34.

Cuando dos botones hacen lo mismo, puedes escribir el código una vez y darle un nombre. Eso es una función:

void sayHello() {
  print('Hello!');
}

sayHello es su nombre, el código dentro de las llaves es lo que hace y void significa que no devuelve nada. Escríbela por separado, fuera de class MyApp, por ejemplo justo debajo de main.

Para ejecutarla, escribe su nombre con paréntesis: sayHello();. Para asignársela a un botón, escribe el nombre sin ellos:

ElevatedButton(onPressed: sayHello, child: Text('Hi'))

Sin paréntesis, le das al botón la función en sí, y el botón la ejecuta cada vez que se pulsa. Con ellos, onPressed: sayHello(), Dart la ejecutaría de inmediato y le daría al botón su resultado, que no es nada, así que el código no compila.

Desafío

Fácil

Ambos botones deberían imprimir Hello!. Escribe una función sayHello que imprima Hello! y asígnala al botón Say hello y al botón flotante con la mano saludando.

Pruébalo tú mismo

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              print('Hello!');
            },
            child: Text('Say hello'),
          ),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {},
          child: Icon(Icons.waving_hand),
        ),
      ),
    );
  }
}