Flutter如何实现下拉刷新和上拉加载更多，一线互联网企业高级Android工程师面试题大全

if (index == movieList.length) {

return _buildProgressMoreIndicator();

} else {

return renderRow(index, context);

}

},

controller: _controller, //指明控制器加载更多使用

),

onRefresh: _pullToRefresh,

),

onRefresh方法的实现_pullToRefresh，注意这里必须使用async 不然报错

/**

• 下拉刷新,必须异步async不然会报错

*/

Future _pullToRefresh() async {

currentPage = 0;

movieList.clear();

loadMoreData();

return null;

}

异步加载数据，注意：在Flutter中刷新数据使用的是setState，不然无效，数据不会刷新；数据的获取需要使用[]取值，不能使用对象“ . ”的取值方法！

//加载列表数据

loadMoreData() async {

this.currentPage++;

var start = (currentPage - 1) * pageSize;

var url =

“https://api.douban.com/v2/movie/$movieType?start=$start&count=$pageSize”;

Dio dio = new Dio();

Response response = await dio.get(url);

setState(() {

movieList.addAll(response.data[“subjects”]);

totalSize = response.data[“total”];

});

}

• 上拉加载更多

加载更多需要对ListView进行监听，所以需要进行监听器的设置，在State中进行监听器的初始化。

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

ScrollController _controller = new ScrollController();

在构造器中设置监听

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

_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);

});

}

});

在listView中添加监听controller方法

自此，Flutter如何实现下拉刷新和上拉加载更多完成…

• 整个列表页面代码参考如下：

import ‘package:flutter/material.dart’;

import ‘package:dio/dio.dart’;

import ‘package:douban/pages/movie/movieDetail.dart’;

class MovieList extends StatefulWidget {

String movieType;

//构造器传递数据（并且接收上个页面传递的数据）

MovieList({Key key, this.movieType}) : super(key: key);

@override

State createState() {

// TODO: implement createState

return new MovieListState(movieType: this.movieType);

}

}

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);

});

}

});

}

//加载列表数据

loadMoreData() async {

this.currentPage++;

var start = (currentPage - 1) * pageSize;

var url =

“https://api.douban.com/v2/movie/$movieType?start=$start&count=$pageSize”;

Dio dio = new Dio();

Response response = await dio.get(url);

setState(() {

movieList.addAll(response.data[“subjects”]);

totalSize = response.data[“total”];

});

}

@override

void initState() {

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

都说三年是程序员的一个坎，能否晋升或者提高自己的核心竞争力，这几年就十分关键。

技术发展的这么快，从哪些方面开始学习，才能达到高级工程师水平，最后进阶到Android架构师/技术专家？我总结了这 5大块；

我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 PDF（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。

Java语言与原理；
大厂，小厂。Android面试先看你熟不熟悉Java语言

高级UI与自定义view；
自定义view，Android开发的基本功。

性能调优；
数据结构算法，设计模式。都是这里面的关键基础和重点需要熟练的。

NDK开发；
未来的方向，高薪必会。

前沿技术；
组件化，热升级，热修复，框架设计

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

我在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多

当然，想要深入学习并掌握这些能力，并不简单。关于如何学习，做程序员这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！

NDK开发；
未来的方向，高薪必会。

[外链图片转存中…(img-7dqwScNN-1711645070721)]

前沿技术；
组件化，热升级，热修复，框架设计

[外链图片转存中…(img-hipYEYpr-1711645070722)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。

我在搭建这些技术框架的时候，还整理了系统的高级进阶教程，会比自己碎片化学习效果强太多

当然，想要深入学习并掌握这些能力，并不简单。关于如何学习，做程序员这一行什么工作强度大家都懂，但是不管工作多忙，每周也要雷打不动的抽出 2 小时用来学习。

不出半年，你就能看出变化！

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录