Ứng dụng Flutter hiển thị danh sách sản phẩm từ file JSON với các yêu cầu:
- ✅ Đọc dữ liệu tĩnh từ file
assets/products.json - ✅ Phân trang (pagination) trong
ListView(10 sản phẩm/trang) - ✅ Điều hướng từ danh sách sang trang chi tiết
- ✅ Thiết kế UI cơ bản: ảnh, tên, giá, mô tả sản phẩm
| Thành phần | Công nghệ |
|---|---|
| Framework | Flutter (>=2.10) |
| Ngôn ngữ | Dart |
| Dữ liệu | JSON nội bộ (assets/products.json) |
| Backend | ❌ Không sử dụng backend (offline) |
lib/
├── main.dart
├── product_list.dart
├── product_detail.dart
├── product_service.dart
assets/
├── products.json
└── images/
└── example.jpg
flutter pub getflutter:
assets:
- assets/products.jsonflutter run- Load dữ liệu từ
assets/products.json - Parse thành danh sách
Productmodel
- Mỗi trang: 10 sản phẩm
- Có 2 nút Trang trước / Trang sau để di chuyển
- Hiển thị ảnh thumbnail, tên, giá sản phẩm
- Khi nhấn vào item, mở trang chi tiết
- Hiển thị: ảnh lớn, tên, giá, mô tả sản phẩm
[
{
"id": 1,
"name": "Sản phẩm A",
"price": 120000,
"description": "Mô tả sản phẩm A rất chi tiết...",
"image": "assets/images/product_a.png"
},
...
]- Họ tên:
Bach To - Email:
bachcter504@gmail.com - GitHub: GitHub Repository