Menu
CoddyTech

Funciones con parámetros

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

Una función puede recibir un valor cada vez que la llamas. Ese valor es un parámetro, escrito entre paréntesis junto con su tipo:

void greet(String name) {
  print('Hi, $name!');
}

greet('Ada');    // ¡Hola, Ada!
greet('Linus');  // ¡Hola, Linus!

Dentro de la función, name es una variable que contiene lo que se haya pasado. Ahora, una función hace el trabajo de muchas.

Un botón no puede pasar un valor por sí mismo: onPressed: requiere una función sin parámetros. Así que envuelve la llamada en una pequeña función sin nombre, del tipo que conociste en Tu primer botón:

ElevatedButton(
  onPressed: () { greet('Ada'); },
  child: Text('Ada'),
)
challenge icon

Desafío

Fácil

Reemplaza orderTea por una función order que reciba un String drink e imprima One Tea, please, One Coffee, please o One Juice, please. Haz que los tres botones la usen.

Pruébalo tú mismo

import 'package:flutter/material.dart';

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

void orderTea() {
  print('One Tea, please');
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              ElevatedButton(onPressed: orderTea, child: Text('Tea')),
              SizedBox(height: 12),
              ElevatedButton(onPressed: () {}, child: Text('Coffee')),
              SizedBox(height: 12),
              ElevatedButton(onPressed: () {}, child: Text('Juice')),
            ],
          ),
        ),
      ),
    );
  }
}
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Cómo hacerla interactiva

Practica por tu cuenta: Compilador de Flutter online