set News API to pagination
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-28-at-16.28.10-1.png)
https://newsapi.org/v2/everything?q=apple&apiKey=44377980b970429b8fbfac5b6f13e55f&page=1&pageSize=5
NewsPage.dart
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-29-at-02.26.28-1024x448.png)
int page = 1;
int pageSize = 5 ;
edit API to replace $page , $pageSize
https://newsapi.org/v2/everything?q=apple&apiKey=44377980b970429b8fbfac5b6f13e55f&page=$page&pageSize=$pageSize
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-29-at-02.36.06-1024x830.png)
void _onRefresh() async{
await Future.delayed(Duration(milliseconds: 1000));
setState(() {
page = 1;
});
_getData();
_refreshController.refreshCompleted();
}
void _onLoading() async{
await Future.delayed(Duration(milliseconds: 1000));
if(mounted) {
setState(() {
page = ++page;
});
_getData();
}
_refreshController.loadComplete();
}
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-29-at-02.42.30-1024x428.png)
page == 1 ? articles = news['articles']:
articles.addAll(news['articles']);
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-29-at-02.51.38-1024x409.png)
onRefresh: _onRefresh,
onLoading: _onLoading,
![](https://thana.in.th/wp-content/uploads/2021/06/Screen-Shot-2564-06-29-at-02.57.15-1024x657.png)
(Visited 103 times, 1 visits today)