Flutter 之ListView实现下拉刷新和上拉加载更多

最新推荐文章于 2025-03-24 09:44:35 发布

wanxiaofan

最新推荐文章于 2025-03-24 09:44:35 发布

阅读量2k

点赞数 1

分类专栏： Flutter 文章标签： flutter html5

本文链接：https://blog.youkuaiyun.com/wanxiaofan/article/details/120043403

版权

一、效果

二、实现

1、首先的创建ListView，之前有叙述

2、如果你是只需要下拉刷新，则直接用 RefreshIndicator包裹ListView，然后去实现onRefresh方法即可

3、如果你还需要加载更多，则需要实现ScrollController然后去监听他的滑动事件，然后判断是否到达底部

三、源代码

class StarPage extends StatefulWidget {
  const StarPage({Key key}) : super(key: key);

  @override
  _StarPageState createState() => _StarPageState();
}

var citys = [
  "北京",
  "北京",
  "上海",
  "北京",
  "广东",
  "深圳",
  "北京",
  "杭州",
  "北京",
  "苏州",
  "北京",
  "苏州",
  "武汉",
  "苏州",
  "郑州",
  "天津"
];

class _StarPageState extends State<StarPage> {
  ScrollController _scrollController = ScrollController()