Afficher dans la console

Fait partie de la section Rendre l’application interactive du Journey Flutter de Coddy. Leçon 2 sur 34.

Un appui sur un bouton exécute du code que tu ne peux pas voir. print le rend visible : il écrit une ligne de texte dans la console, le panneau sous le téléphone.

ElevatedButton(
  onPressed: () {
    print('Button pressed');
  },
  child: Text('Press me'),
)

Chaque ligne de code à l’intérieur des accolades se termine par un point-virgule ;. Appuie trois fois sur le bouton et la console affiche Button pressed trois fois.

La personne qui utilise ton application ne voit jamais la console. Elle est là pour toi : quand quelque chose ne fonctionne pas, un print t’indique si ton code s’est exécuté ou non.

Défi

Facile

Fais en sorte que le bouton Say hi affiche Hi there! chaque fois qu’on appuie dessus. Appuie dessus quelques fois et regarde la Console.

Essayez vous-même

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