Flutter 中 api 数据的分页

Question

我从 API 中获取数据，如演示：- {draw: 0, records Total: 210, records Filtered: 210, data: [,...], input: []} data: [,...] draw: 0 input: [] records已过滤：210 条记录总计：210

我想对 API 数据（网格视图或列表视图）应用分页，我该怎么做？

Answer 1

您的 json 结构需要看起来像这样才能轻松应用分页。 使用current page 、 next page和last page来确定下一页、当前页和剩余页。

可以直接使用next链接获取next的数据。

{
  "meta": {
    "page": {
      "current-page": 2,
      "per-page": 15,
      "from": 16,
      "to": 30,
      "total": 50,
      "last-page": 4
    }
  },
  "links": {
    "first": "http://localhost/api/v1/posts?page[number]=1&page[size]=15",
    "prev": "http://localhost/api/v1/posts?page[number]=1&page[size]=15",
    "next": "http://localhost/api/v1/posts?page[number]=3&page[size]=15",
    "last": "http://localhost/api/v1/posts?page[number]=4&page[size]=15"
  },
  "data": [...]
}