Flutter如何实现下拉刷新和上拉加载更多,Android开发基础面试题

本文介绍如何在Flutter中实现下拉刷新和上拉加载更多的功能。通过监听ScrollController,当达到底部时加载更多数据。同时展示了如何初始化滚动监听器,并在不同页面类型间切换时加载相应数据。
摘要由CSDN通过智能技术生成

class MovieListState extends State {

String movieType;

String typeName;

List movieList = new List();

int currentPage = 0; //第一页

int pageSize = 10; //页容量

int totalSize = 0; //总条数

String loadMoreText = “没有更多数据”;

TextStyle loadMoreTextStyle =

new TextStyle(color: const Color(0xFF999999), fontSize: 14.0);

TextStyle titleStyle =

new TextStyle(color: const Color(0xFF757575), fontSize: 14.0);

//初始化滚动监听器,加载更多使用

ScrollController _controller = new ScrollController();

/**

  • 构造器接收(MovieList)数据

*/

MovieListState({Key key, this.movieType}) {

//固定写法,初始化滚动监听器,加载更多使用

_controller.addListener(() {

var maxScroll = _controller.position.maxScrollExtent;

var pixel = _controller.position.pixels;

if (maxScroll == pixel && movieList.length < totalSize) {

setState(() {

loadMoreText = “正在加载中…”;

loadMoreTextStyle =

new TextStyle(color: const Color(0xFF4483f6), fontSize: 14.0);

});

loadMoreData();

} else {

setState(() {

loadMoreText = “没有更多数据”;

loadMoreTextStyle =

new TextStyle(color: const Color(0xFF999999), fontSize: 14.0);

});

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值