Imprimir no console
Parte da seção Tornando o app interativo do Journey de Flutter da Coddy. Lição 2 de 34.
Um toque em um botão executa um código que você não consegue ver. print o torna visível: ele escreve uma linha de texto no Console, o painel abaixo do celular.
ElevatedButton(
onPressed: () {
print('Button pressed');
},
child: Text('Press me'),
)Cada linha de código dentro das chaves termina com um ponto e vírgula ;. Toque no botão três vezes e o Console mostrará Button pressed três vezes.
A pessoa que usa seu app nunca vê o Console. Ele é para você: quando algo não funciona, um print informa se seu código chegou a ser executado.
Desafio
FácilFaça com que o botão Say hi imprima Hi there! cada vez que for pressionado. Pressione-o algumas vezes e observe o Console.
Experimente você mesmo
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'),
),
),
),
);
}
}
Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Tornando o app interativo
1Botões
Seu primeiro botãoImprimir no consoleBotões de texto e contornoBotões com íconesO botão de ação flutuante7Interruptores e controles deslizantes
Ligar e desligar com um interruptorMarcar uma caixa de seleçãoEscolher um valor com um controle deslizantePratique por conta própria: Compilador de Flutter online