Разбиение на страницы с помощью REST API WordPress

#android #flutter #dart #flutter-layout #flutter-dependencies

Вопрос:

Я пытаюсь получить свои сообщения WordPress в своем приложении Flutter, и я успешно получаю сообщения. Теперь проблема в том, что отображаются только десять сообщений.

 Future<List> fetchWpCats() async{
  final response = await http.get(
      Uri.parse('https://rashtrasandeshnews.com/wp-json/wp/v2/posts'),
      headers: {"Accept": "application/json"}
  );
  var convertedDatatoJson = jsonDecode(response.body);

  return convertedDatatoJson;
}
 

Вот мой список, в котором я получаю только 10 элементов.

 FutureBuilder(
                future: fetchWpPosts('posts'),
                builder: (context, AsyncSnapshot snapshot) {
                  if (snapshot.data != null) {
                    return ListView.builder(
                      itemCount: snapshot.data.length!,
                      itemBuilder: (context, index) {
                        Map JSON = snapshot.data![index];
                        return InkWell(
                          onTap: () => Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) => PostDetails(
                                        id: JSON['id'],
                                        title: JSON['title']['rendered'],
                                        content: JSON['content']['rendered'],
                                        image: JSON['_embedded']
                                                ['wp:featuredmedia'][0]
                                            ["source_url"],
                                      ))),
                          child: Card(
                            shape: RoundedRectangleBorder(
                              borderRadius: BorderRadius.circular(25),
                            ),
                            elevation: 10,
                            shadowColor: Colors.pink,
                            child: Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Column(
                                children: [
                                  Html(
                                    data: JSON['title']['rendered'],
                                    style: {
                                      "body": Style(
                                          fontSize: FontSize(18.0),
                                          fontWeight: FontWeight.bold,
                                          textAlign: TextAlign.center),
                                    },
                                  ),
                                ],
                              ),
                            ),
                          ),
                        );
                      },
                    );
                  }
                  return Center(
                      child: CircularProgressIndicator(
                    backgroundColor: Colors.pink,
                  ));
                },
              ),
 

Теперь, пожалуйста, предоставьте мне подробные инструкции/шаги, чтобы я мог получить все сообщения.