Cetak ke Konsol

Termasuk bagian Membuat Aplikasi Interaktif dalam perjalanan Flutter di Coddy. Pelajaran 2 dari 34.

Ketukan pada tombol menjalankan kode yang tidak bisa kamu lihat. print membuatnya terlihat: kode ini menulis satu baris teks ke Console, panel di bawah ponsel.

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

Setiap baris kode di dalam kurung kurawal diakhiri dengan titik koma ;. Ketuk tombol tiga kali dan Console menampilkan Button pressed tiga kali.

Orang yang menggunakan aplikasimu tidak pernah melihat Console. Console ini untukmu: saat ada sesuatu yang tidak berfungsi, print memberi tahu apakah kodemu benar-benar dijalankan.

Tantangan

Mudah

Buat tombol Say hi mencetak Hi there! setiap kali tombol ditekan. Tekan beberapa kali dan lihat Console.

Coba sendiri

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