Flutter 轻松构建加载更多(loading more),你花了多久弄明白架构设计

本文详细介绍了如何在Flutter中构建加载更多功能。通过`LoadingMoreBase`类实现加载更多逻辑,包括`loadMore()`、`onRefresh()`和`loadData()`方法,以及`hasMore`、`isLoading`和`indicatorStatus`等关键属性。同时,展示了如何创建`LoadingMoreList`和`LoadingMoreCustomScrollView`组件,用于ListView和SliverList的加载更多效果。此外,还提供了TuChongRepository示例,展示如何集成数据加载逻辑。
摘要由CSDN通过智能技术生成

@override
void operator []=(int index, T value) {
// TODO: implement []=
_array[index] = value;
}

bool get hasMore => true;
bool isLoading = false;

IndicatorStatus indicatorStatus = IndicatorStatus.None;

Future loadMore() async {
if (isLoading || !hasMore) return true;
// TODO: implement loadMore

var preStatus = indicatorStatus;
indicatorStatus = this.length == 0
? IndicatorStatus.FullScreenBusying
: IndicatorStatus.LoadingMoreBusying;

if (preStatus == IndicatorStatus.Error) {
onStateChanged(this);
}
isLoading = true;
var isSuccess = await loadData();
isLoading = false;
if (isSuccess) {
if (this.length == 0) indicatorStatus = IndicatorStatus.Empty;
} else {
indicatorStatus = IndicatorStatus.Error;
}
onStateChanged(this);
return isSuccess;
}

Future loadData() async {
return true;
}

@override
Future onRefresh() async {
// TODO: implement OnRefresh
}

@override
int get length => _array.length;
set length(int newLength) => _array.length = newLength;

@override
void onStateChanged(LoadingMoreBase source) {
// TODO: implement notice
super.onStateChanged(source);
}
}

class _LoadingMoreBloc {
final _rebuild = new StreamController<LoadingMoreBase>.broadcast();
Stream<LoadingMoreBase> get rebuild => _rebuild.stream;

void onStateChanged(LoadingMoreBase source) {
if (!_rebuild?.isClosed) _rebuild.sink.add(source);
}

void dispose() {
_rebuild?.close();
}
}

继承于ListBase 方便后面继承

3个重要的方法: 用于加载更多

Future loadMore() async

用于刷新(重置列表)

Future onRefresh() async

用于获取数据,loadmore会调用这个方法,一般我们override的这个方法,loadmore里面有一些状态控制,如果你需要overrdie loadmore方法,注意查看下之前里面的状态控制代码

Future loadData() async

3个重要的属性: hasMore 判断是否还有更多 isLoading 判断是否正在获取数据 indicatorStatus 判断当前列表的状态

_LoadingMoreBloc 可以通过这个类来通知streambuilder更新UI

下面是如何继承使用这个base 类

class TuChongRepository extends LoadingMoreBase {
int pageindex = 1;

@override
// TODO: implement hasMore
bool _hasMore = true;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值