import 'package:flutter/cupertino.dart';
|
import 'package:flutter/material.dart';
|
import '../../ui/widget/button.dart';
|
import 'package:pull_to_refresh/pull_to_refresh.dart';
|
|
typedef OnRefresh = void Function();
|
typedef OnLoadMore = void Function();
|
typedef BoolCallback = void Function(bool b);
|
typedef StringCallback = void Function(String s);
|
typedef GetViewState = RefreshListViewState Function();
|
|
class MyRefreshController extends RefreshController {
|
MyRefreshController({
|
bool initialRefresh = true,
|
}) : super(
|
initialRefresh: initialRefresh, initialLoadStatus: LoadStatus.idle);
|
|
//api错误
|
VoidCallback? apiError;
|
|
//空数据
|
VoidCallback? dataEmpty;
|
|
//正常数据
|
VoidCallback? dataNormal;
|
|
//下拉刷新
|
BoolCallback? setPullDownEnable;
|
|
//上拉加载
|
BoolCallback? setPullUpEnable;
|
|
//编辑模式，编辑模式下不允许下拉刷新与上拉加载
|
BoolCallback? setEditMode;
|
|
//界面的状态
|
GetViewState? viewState;
|
|
void dispose() {
|
apiError = null;
|
dataEmpty = null;
|
dataNormal = null;
|
setPullDownEnable = null;
|
setPullUpEnable = null;
|
setEditMode = null;
|
}
|
}
|
|
class RefreshListView extends StatefulWidget {
|
final MyRefreshController refreshController;
|
final Widget content;
|
final Widget? emptyView;
|
final OnRefresh? refresh;
|
final OnLoadMore? loadMore;
|
final Color loadTextColor;
|
bool? enablePullDown;
|
|
bool? enablePullUp;
|
|
RefreshListView(
|
{required this.refreshController,
|
required this.content,
|
this.emptyView,
|
this.refresh,
|
this.loadTextColor = const Color(0xFFB8AFB5),
|
this.loadMore,
|
this.enablePullDown = true,
|
this.enablePullUp = true});
|
|
@override
|
State<StatefulWidget> createState() => _RefreshListViewState();
|
}
|
|
class _RefreshListViewState extends State<RefreshListView> {
|
bool editMode = false;
|
|
@override
|
void initState() {
|
super.initState();
|
bindController();
|
}
|
|
bindController() {
|
widget.refreshController.apiError = _apiError;
|
widget.refreshController.dataEmpty = _dataEmpty;
|
widget.refreshController.dataNormal = _dataNormal;
|
widget.refreshController.setPullDownEnable = _pullDownEnable;
|
widget.refreshController.setPullUpEnable = _pullUpEnable;
|
widget.refreshController.viewState = () {
|
return _viewState;
|
};
|
widget.refreshController.setEditMode = (bool enable) {
|
setState(() {
|
editMode = enable;
|
});
|
};
|
}
|
|
//视图状态 0-正常 1-空视图 2-网络请求错误
|
RefreshListViewState _viewState = RefreshListViewState.normal;
|
|
_apiError() {
|
setState(() {
|
_viewState = RefreshListViewState.error;
|
});
|
}
|
|
_dataEmpty() {
|
setState(() {
|
_viewState = RefreshListViewState.empty;
|
});
|
}
|
|
_dataNormal() {
|
setState(() {
|
_viewState = RefreshListViewState.normal;
|
});
|
}
|
|
_pullDownEnable(bool enable) {
|
setState(() {
|
widget.enablePullDown = enable;
|
});
|
}
|
|
_pullUpEnable(bool enable) {
|
setState(() {
|
widget.enablePullUp = enable;
|
});
|
}
|
|
void _onRefresh() async {
|
if (widget.refresh != null) {
|
widget.refresh!();
|
}
|
}
|
|
void _onLoading() async {
|
if (widget.loadMore != null) {
|
widget.loadMore!();
|
}
|
}
|
|
Widget getView() {
|
switch (_viewState) {
|
case RefreshListViewState.normal:
|
return contentView();
|
case RefreshListViewState.empty:
|
return emptyView();
|
case RefreshListViewState.error:
|
return errorView();
|
}
|
}
|
|
Widget contentView() {
|
return editMode
|
? widget.content
|
: SmartRefresher(
|
enablePullDown: widget.enablePullDown!,
|
enablePullUp: widget.enablePullUp!,
|
header:
|
MaterialClassicHeader(),
|
|
// const WaterDropHeader(
|
// complete: Text(
|
// "刷新完成",
|
// style: TextStyle(color: Color(0xFFB8AFB5)),
|
// ),
|
// ),
|
footer: CustomFooter(
|
builder: (BuildContext context, LoadStatus? mode) {
|
Widget body;
|
if (mode == LoadStatus.idle) {
|
body = const Text("",
|
style: TextStyle(color: Color(0xFFB8AFB5)));
|
} else if (mode == LoadStatus.loading) {
|
body = const CupertinoActivityIndicator();
|
} else if (mode == LoadStatus.failed) {
|
body = const Text("加载失败！点击重试！",
|
style: TextStyle(color: Color(0xFFB8AFB5)));
|
} else if (mode == LoadStatus.canLoading) {
|
body = const Text("松手,加载更多!",
|
style: TextStyle(color: Color(0xFFB8AFB5)));
|
} else {
|
body = Text("~到底了~",
|
style: TextStyle(color: widget.loadTextColor));
|
}
|
return SizedBox(
|
height: 55.0,
|
child: Center(child: body),
|
);
|
},
|
),
|
controller: widget.refreshController,
|
onRefresh: _onRefresh,
|
onLoading: _onLoading,
|
child: widget.content,
|
);
|
}
|
|
Widget emptyView() {
|
return widget.emptyView ??
|
Container(
|
width: MediaQuery.of(context).size.width * 2 / 3,
|
alignment: Alignment.center,
|
// color: Colors.yellow,
|
child: Stack(
|
alignment: Alignment.bottomCenter,
|
children: [
|
Image.asset(
|
"assets/imgs/common/ic_empty.png",
|
),
|
const Text(
|
"~空空如也~",
|
style: TextStyle(color: Color(0xFF999999), fontSize: 18),
|
)
|
],
|
),
|
);
|
}
|
|
Widget errorView() {
|
return Container(
|
alignment: Alignment.center,
|
// color: Colors.yellow,
|
child: Stack(
|
alignment: Alignment.bottomCenter,
|
children: [
|
Image.asset("assets/imgs/common/ic_network_error.png",
|
width: MediaQuery.of(context).size.width * 3 / 5),
|
const Positioned(
|
bottom: 50,
|
left: 0,
|
right: 0,
|
child: Text(
|
"网络请求出错",
|
textAlign: TextAlign.center,
|
style: TextStyle(fontSize: 15, color: Color(0xFF999999)),
|
)),
|
MyFillButton(
|
"点击重新加载",
|
18,
|
width: 170,
|
height: 36,
|
fontSize: 15,
|
onClick: () {
|
_onRefresh();
|
},
|
)
|
],
|
),
|
);
|
}
|
|
@override
|
Widget build(BuildContext context) {
|
return Stack(alignment: Alignment.center, children: [
|
getView()
|
//网络错误页面
|
]);
|
}
|
}
|
|
enum RefreshListViewState { normal, empty, error }
|
