Imprimir en la consola
Parte de la sección Cómo hacerla interactiva del Journey de Flutter de Coddy. Lección 2 de 34.
Al tocar un botón, se ejecuta código que no puedes ver. print lo hace visible: escribe una línea de texto en la Consola, el panel debajo del teléfono.
ElevatedButton(
onPressed: () {
print('Button pressed');
},
child: Text('Press me'),
)Cada línea de código dentro de las llaves termina con un punto y coma ;. Toca el botón tres veces y la Consola mostrará Button pressed tres veces.
La persona que usa tu aplicación nunca ve la Consola. Es para ti: cuando algo no funciona, un print te indica si tu código llegó a ejecutarse.
Desafío
FácilHaz que el botón Say hi imprima Hi there! cada vez que lo pulses. Púlsalo unas cuantas veces y observa la consola.
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: () {},
child: Text('Say hi'),
),
),
),
);
}
}
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