In der Konsole ausgeben

Teil des Abschnitts Apps interaktiv gestalten der Flutter-Journey von Coddy. Lektion 2 von 34.

Ein Tippen auf eine Schaltfläche führt Code aus, den du nicht sehen kannst. print macht ihn sichtbar: Es schreibt eine Textzeile in die Konsole, das Bedienfeld unter dem Smartphone.

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

Jede Codezeile innerhalb der geschweiften Klammern endet mit einem Semikolon ;. Tippe dreimal auf die Schaltfläche, und die Konsole zeigt dreimal Button pressed an.

Die Person, die deine App verwendet, sieht die Konsole nie. Sie ist für dich: Wenn etwas nicht funktioniert, sagt dir ein print, ob dein Code überhaupt ausgeführt wurde.

Aufgabe

Einfach

Lass die Schaltfläche Say hi bei jedem Drücken Hi there! ausgeben. Drücke sie ein paar Mal und beobachte die Konsole.

Probier es selbst

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