Thẻ: Lập trình Flutter

Hướng dẫn Flutter với Visual Studio Code từ A–Z: cài Flutter SDK, extension Flutter/Dart, tạo project, Hot Reload, debug bằng DevTools và Widget Inspector, build APK/AAB.

Khóa học lập trình mobile app (full stack) chuyên nghiệp được thiết kế cho một mục tiêu rất cụ thể: sau lộ trình, bạn không chỉ biết dựng giao diện, mà làm được cả hai đầu của một ứng dụng di động — từ màn hình người dùng nhìn thấy, cho tới API, cơ sở […]

Khi ứng dụng phình to, việc truyền dữ liệu từ Widget cha xuống các Widget con ở tầng sâu qua các constructor (Prop Drilling) sẽ khiến mã nguồn trở nên cực kỳ rối rắm và khó bảo trì. 1. Vấn đề “Prop Drilling” thực tế Hãy tưởng tượng bạn có dữ liệu người dùng ở […]

Một trong những nguyên nhân phổ biến nhất khiến ứng dụng Flutter bị sụt giảm FPS, gây giật lag (jank) khi cuộn trang là do hiện tượng Widget bị vẽ lại (re-build) quá nhiều lần không cần thiết. 1. Hiểu rõ cơ chế Re-build khi gọi setState hoặc notifyListeners Mỗi khi bạn kích hoạt thay […]

Khi ứng dụng Flutter của bạn phát triển lớn hơn, một Model đơn lẻ không thể gánh vác toàn bộ logic của ứng dụng. Bạn cần phân tách thành các Model nhỏ chuyên biệt (như UserModel, ProductModel, ThemeModel) và quản lý chúng khoa học. 1. Phân tách Model theo nhóm chức năng UserModel: Quản lý […]

Trong phát triển ứng dụng di động chuyên nghiệp, việc viết lẫn lộn code vẽ giao diện và code xử lý logic (tính toán, gọi mạng) vào cùng một file Widget là một thói quen rất xấu. ScopedModel là giải pháp hoàn hảo để tách biệt chúng. 1. Ba cột trụ của ScopedModel Kiến trúc […]

Để kiểm soát bộ nhớ ứng dụng tốt, gọi API đúng thời điểm, và tránh rò rỉ tài nguyên (Memory Leak), bạn bắt buộc phải hiểu rõ vòng đời hoạt động của một StatefulWidget. 1. Giai đoạn khởi tạo: createState và initState createState(): Được gọi ngay khi Widget được đưa vào Widget Tree để khởi […]

Dashboard (Bảng điều khiển) là màn hình quan trọng nhất của các ứng dụng quản lý doanh nghiệp, tài chính hay nhân sự. Màn hình này cần hiển thị thông tin trực quan, khoa học. 1. Thiết kế thanh công cụ Header và Profile cá nhân Sử dụng sự kết hợp giữa Row và CircleAvatar […]

Ứng dụng di động sinh ra để tương tác. Việc bắt các sự kiện chạm, vuốt, nhấn giữ của người dùng một cách mượt mà là yếu tố sống còn của trải nghiệm người dùng (UX). 1. GestureDetector: Bắt trọn mọi cử chỉ của người dùng GestureDetector là Widget vô hình nhưng cực kỳ mạnh […]

Trong thiết kế UI/UX hiện đại, chúng ta thường cần đè các lớp giao diện lên nhau (ví dụ: ảnh đại diện có nút tích xanh đè lên, hoặc nhãn giảm giá đè trên ảnh sản phẩm). 1. Stack Widget: Xếp chồng các lớp giao diện Stack cho phép bạn xếp chồng nhiều Widget lên […]