Menu
CoddyTech

Wyświetlanie tekstu w konsoli

Część sekcji Dodajemy interaktywność ścieżki Flutter w Coddy. Lekcja 2 z 34.

Dotknięcie przycisku uruchamia kod, którego nie widzisz. print sprawia, że staje się widoczny: zapisuje wiersz tekstu w konsoli, panelu pod telefonem.

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

Każdy wiersz kodu w nawiasach klamrowych kończy się średnikiem ;. Dotknij przycisku trzy razy, a konsola wyświetli trzy razy Button pressed.

Osoba korzystająca z Twojej aplikacji nigdy nie widzi konsoli. Jest ona przeznaczona dla Ciebie: gdy coś nie działa, print informuje Cię, czy Twój kod w ogóle został uruchomiony.

challenge icon

Wyzwanie

Łatwy

Spraw, aby przycisk Say hi wyświetlał Hi there! za każdym razem, gdy go naciśniesz. Naciśnij go kilka razy i obserwuj konsolę.

Spróbuj swoich sił

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 iconSprawdź się

Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.

Wszystkie lekcje w sekcji Dodajemy interaktywność

Poćwicz samodzielnie: Kompilator Flutter online