Thẻ: Học lập trình di động

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 […]

Việc hiển thị danh sách hàng trăm, hàng ngàn phần tử (như danh sách sản phẩm, tin nhắn) nếu không được tối ưu sẽ làm ngốn sạch RAM và gây đơ ứng dụng. 1. Hạn chế của ListView/GridView thông thường Khi khai báo ListView(children: […]), Flutter sẽ khởi tạo toàn bộ các Widget con cùng […]

Khi lập trình ứng dụng di động đa nền tảng, thiết bị của người dùng sẽ có rất nhiều kích thước màn hình khác nhau. Do đó, kỹ thuật thiết kế giao diện thích ứng là vô cùng quan trọng. 1. Bản chất của Row và Column trong Flutter Row: Sắp xếp các Widget con […]