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.
Wyzwanie
ŁatwySpraw, 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'),
),
),
),
);
}
}
Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Dodajemy interaktywność
1Przyciski
Twój pierwszy przyciskWyświetlanie tekstu w konsoliPrzyciski tekstowe i konturowePrzyciski z ikonamiPływający przycisk akcji7Przełączniki i suwaki
Włączanie i wyłączanie przełącznikiemZaznacz pole wyboruWybierz wartość za pomocą suwakaPoćwicz samodzielnie: Kompilator Flutter online