Show More Paging Flutter

Ở đây tôi dùng api từ:https://jsonplaceholder.typicode.com/posts
Tạo project mới tên là : show_more
Setup http package


flutter pub add http
flutter pub add json_annotation
flutter pub add --dev build_runner
flutter pub add --dev json_serializable

Tạo folder lib/models

Post json:


[
{
"userId": 1,
"id": 1,
"title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
"body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
},
{
"userId": 1,
"id": 2,
"title": "qui est esse",
"body": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla"
}
]

Setup extension Json to Dart Model Link homepage: https://marketplace.visualstudio.com/items?itemName=hirantha.json-to-dart cho visual studio code
Copy json data vào visual studio code sau đó chọn all code json (ctrl + a )

Tiếp theo chọn View->Command Palate hay nhấn tổ hợp phím tắt Ctrl+shift+p sau đó chọn JSON to Dart: From Selection to Code Generation Class

Tiếp theo đặt tên class là : Post

Tiếp theo chọn JSON Serializable Generator:

Tiếp theo chọn No:

Tiếp theo chọn No:

Tiểp theo chọn folder models:
Tiếp theo run lệnh sau ở TERMINAL nếu không tự đông run:


flutter pub run build_runner build --delete-conflicting-outputs

Sau khi run thư mục models sẽ tạo thêm folder post gồm các file sau:


post.dart
post.g.dart

File main.dart

Link code demo here