Menu
CoddyTech

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.

challenge icon

Desafío

Fácil

Haz 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'),
          ),
        ),
      ),
    );
  }
}
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