Cách dùng ListView, GridView, PageView – 3 widget bắt buộc phải biết

ListView, GridView và PageView là 3 widget quan trọng nhất để hiển thị danh sách trong Flutter. Bài viết này sẽ hướng dẫn bạn sử dụng chúng.

ListView

1. ListView cơ bản

[object Object]

2. ListView.builder (Recommended)

[object Object]

3. ListView.separated

[object Object]

4. ListView với scroll direction

[object Object]

GridView

1. GridView.count

[object Object]

2. GridView.builder (Recommended)

[object Object]

3. GridView với aspect ratio

[object Object]

PageView

1. PageView cơ bản

[object Object]

2. PageView.builder

[object Object]

3. PageView với controller

[object Object]

Ví dụ thực tế

1. Product List

[object Object]

2. Image Gallery

[object Object]

3. Onboarding Pages

[object Object]

Best Practices

1. Sử dụng builder

[object Object]

2. Lazy Loading

[object Object]

Kết luận

3 widget quan trọng:

• ✅ ListView: Hiển thị danh sách dọc
• ✅ GridView: Hiển thị grid layout
• ✅ PageView: Hiển thị pages có thể swipe

Tóm tắt:

1. ListView: Danh sách items
2. GridView: Grid layout
3. PageView: Swipeable pages
4. Best Practices: Sử dụng builder, lazy loading

Nắm vững 3 widget này sẽ giúp bạn xây dựng UI mạnh mẽ! 🚀

Tác giả: Admin
Ngày đăng: 28/02/2025
Chuyên mục: Flutter