Flutter 3 - Debugg

 1, Lỗi cú pháp:

- Lỗi cú pháp là lỗi dễ phát hiện nhất thông qua tab Dart Analysis hoặc tab Run khi build app.

2, Lỗi trong quá trình runtime,compile

- Đây là lỗi mà trình biên dịch ko phát hiện khi complie mà phát hiện trong quá trình runtime. Khi xuất hiện lỗi, bạn cần kiểm tra tab Run.

- Nếu trong tab Run thông báo lỗi đỏ lòm thì những thông báo quan trọng, chi tiết về lỗi luôn xuất hiện ở trên cùng. Sau đó dòng đc gạch xanh đầu tiên sẽ là dòng có thể gây ra lỗi.

- Trong vd trên: lỗi out range vì trong list questions chỉ có 4 phần tử từ 0...3, nhưng code lại trỏ đến phần tử thứ 5 => lỗi. Dòng gạch xanh ở dưới báo lỗi xuất hiện ở dòng 45 trong tập main.dart.

3, Lỗi logic

- Đầu tiên bạn phải tìm cách để thu hẹp phạm vi code có thể gây ra lỗi

- Nếu là lỗi logic đơn giản => sử dụng print để in ra KQ ở các mốc quan trọng và kiểm tra xem có đúng KQ mong đợi ko.

- Nếu lỗi logic phức tạp: đặt break point ở các đoạn quan trọng => chạy debug. Di chuột vào các variable, ... để xem status, value của nó.

- Có nhiều tùy chọn như Step over, step into, step out,... Mình hay đặt debug tại các điểm quan trọng và resume để code chạy đến các break point tiếp theo. Hoặc Alt + F9 để chạy đến vị trí con trỏ.

- Bên cạnh debug thông thường, flutter còn có Flutter DevTools: cho bạn view rõ widget tree, performance, xem các view đang được bố trí như thế nào, lý do tại sao view lại như vậy ... tùm lum tà la .... 

Flutter Inspector:

- Slow animation: dùng để view chậm các animation

- Show guidelines: hiển thị các đường guideline, giúp coder dễ hiểu bố cục của các widget trong app

- Show baselines: show các đường base

- Highlight repains: khoanh viền các widget thay đổi khi trên màn hình có sự kiện thay đổi gì đó như click button, input text, ... dựa vào đó coder có thể hạn chế build lại view => tăng performance.

Performance, CPU Profiler: chỉ hữu ích khi release

Memory: quản lý memory, tránh bị leak memory (hạn chế các lỗi ko giải phóng bộ nhớ).