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'),
)Desafío
FácilReemplaza 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')),
],
),
),
),
);
}
}
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
1Botones
Tu primer botónImprimir en la consolaBotones de texto y contornoBotones con iconosEl botón de acción flotante7Interruptores y deslizadores
Encender y apagar con un interruptorMarcar una casillaElegir un valor con un deslizadorPractica por tu cuenta: Compilador de Flutter online