In ra bảng điều khiển

Thuộc phần Tạo tính tương tác trong hành trình Flutter của Coddy. Bài học 2 trên 34.

Khi bạn nhấn nút, một đoạn code sẽ chạy mà bạn không nhìn thấy. print giúp hiển thị đoạn code đó: nó ghi một dòng văn bản vào bảng điều khiển, khung bên dưới điện thoại.

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

Mỗi dòng code bên trong dấu ngoặc nhọn đều kết thúc bằng dấu chấm phẩy ;. Nhấn nút ba lần, bảng điều khiển sẽ hiển thị Button pressed ba lần.

Người dùng ứng dụng của bạn không bao giờ nhìn thấy bảng điều khiển. Bảng này dành cho bạn: khi có thứ gì đó không hoạt động, print cho bạn biết liệu code có chạy hay không.

Thử thách

Dễ

Khi được nhấn, nút Say hi sẽ in ra Hi there!. Hãy nhấn nút vài lần và xem Console.

Tự làm thử

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