Mẹo 1: Sử Dụng Flutter DevTools

Mở DevTools từ VS Code hoặc Android Studio để kiểm tra widget tree và hiệu suất.

Cách dùng: Chạy flutter run và nhấn “Open DevTools” trong console.

Thủ thuật: Kiểm tra “Performance” tab để phát hiện FPS thấp.

Mẹo 2: Logging Thông Minh

Thêm log để theo dõi dữ liệu:

print('Button clicked: $value');
  

Thủ thuật: Dùng package logger để phân loại log (info, error, debug).

Mẹo 3: Xử Lý Widget Overflow

Khi text hoặc widget bị tràn, dùng Flexible hoặc Expanded:

Row(
  children: [
    Expanded(child: Text("This is a very long text that might overflow")),
    Icon(Icons.star),
  ],
)
  

Thủ thuật: Kích hoạt debugPaintSizeEnabled để thấy ranh giới widget:

void main() {
  debugPaintSizeEnabled = true;
  runApp(MyApp());
}
  

Mẹo 4: Debug API Call

Dùng try-catch cho các API call:

try {
  final response = await http.get(Uri.parse('https://api.example.com'));
  print(response.body);
} catch (e) {
  print('Error: $e');
}
  

Thủ thuật: Hiển thị lỗi bằng SnackBar để thân thiện với người dùng.

Kết luận

Debugging không còn là nỗi sợ khi bạn nắm vững các mẹo này. Muốn học thêm kỹ thuật debug chuyên sâu? Đăng ký khóa học Flutter online tại Devrun để được hướng dẫn bởi các chuyên gia!