Cách dùng gallery này

Chọn widget từ list theo nhóm (Buttons, Inputs, Navigation, Surfaces, Layout, Feedback). Bấm preview để cảm nhận thay đổi state, rồi nhấn Sao chép code và paste snippet vào dự án Flutter. Search tức thì — thử chip, dialog hoặc AppBar.

Khi nào nên dùng previewer trong IDE

Với hàm @Preview trên widget của bạn, dùng Widget Previewer chính thức của Flutter (stable từ 3.47). Trang này để duyệt pattern Material của framework mà không cần mở IDE.

Câu hỏi thường gặp

Đây có phải widget Flutter thật đang chạy trên trình duyệt không?

Preview được dựng lại đúng phong cách Material 3 với tương tác thật (switch, chip, tab, chọn). Cột Dart bên phải là API production bạn paste vào app Flutter. Preview đầy đủ engine hãy dùng Widget Previewer chính thức trong IDE — trang này là lớp tra cứu và copy nhanh.

Snippet Dart dùng thương mại được không?

Được. Đây là API framework Flutter tiêu chuẩn (widget Material). Copy vào dự án nào cũng không cần ghi nguồn.

Tìm widget nhanh bằng cách nào?

Dùng ô search ở rail trái. Nó khớp tên widget, nhóm, mô tả và code. Trên mobile catalog thu gọn phía trên preview.