git-touch-android-ios-app/lib/scaffolds/list.dart

226 lines
5.6 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/widgets.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/utils/utils.dart';
import 'package:provider/provider.dart';
import '../widgets/error_reload.dart';
import '../widgets/loading.dart';
import '../widgets/empty.dart';
class ListPayload<T, K> {
K cursor;
List<T> items;
bool hasMore;
ListPayload({this.items, this.cursor, this.hasMore});
}
// This is a scaffold for infinite scroll screens
class ListScaffold<T, K> extends StatefulWidget {
final Widget title;
final Widget Function({Function({bool force}) refresh}) trailingBuiler;
final Widget Function(T payload) itemBuilder;
final Future<ListPayload<T, K>> Function() onRefresh;
final Future<ListPayload<T, K>> Function(K cursor) onLoadMore;
ListScaffold({
@required this.title,
@required this.itemBuilder,
@required this.onRefresh,
@required this.onLoadMore,
this.trailingBuiler,
});
@override
_ListScaffoldState<T, K> createState() => _ListScaffoldState();
}
class _ListScaffoldState<T, K> extends State<ListScaffold<T, K>> {
bool loading = false;
bool loadingMore = false;
String error = '';
List<T> items = [];
K cursor;
bool hasMore;
ScrollController _controller = ScrollController();
@override
void initState() {
super.initState();
_refresh();
_controller.addListener(onScroll);
}
@override
void dispose() {
_controller.dispose();
super.dispose();
}
void onScroll() {
// print(_controller.position.maxScrollExtent - _controller.offset);
if (_controller.position.maxScrollExtent - _controller.offset < 100 &&
!_controller.position.outOfRange &&
!loading &&
!loadingMore &&
hasMore) {
_loadMore();
}
}
// FIXME: if items not enough, fetch next page
// This should be triggered after build
void _makeSureItemsFill() {
Future.delayed(Duration(milliseconds: 300)).then((_) {
onScroll();
});
}
Future<void> _refresh({bool force = false}) async {
// print('list scaffold refresh');
setState(() {
error = '';
loading = true;
if (force) {
items = [];
}
});
try {
var _payload = await widget.onRefresh();
items = _payload.items;
cursor = _payload.cursor;
hasMore = _payload.hasMore;
} catch (err) {
error = err.toString();
throw err;
} finally {
if (mounted) {
setState(() {
loading = false;
});
_makeSureItemsFill();
}
}
}
Future<void> _loadMore() async {
// print('list scaffold load more');
setState(() {
loadingMore = true;
});
try {
var _payload = await widget.onLoadMore(cursor);
items.addAll(_payload.items);
cursor = _payload.cursor;
hasMore = _payload.hasMore;
} catch (err) {
error = err.toString();
throw err;
} finally {
if (mounted) {
setState(() {
loadingMore = false;
});
_makeSureItemsFill();
}
}
}
Widget _buildItem(BuildContext context, int index) {
if (index == 2 * items.length) {
if (hasMore) {
return Loading(more: true);
} else {
return Container();
}
}
if (index % 2 == 1) {
return BorderView(height: 1);
}
return widget.itemBuilder(items[index ~/ 2]);
}
Widget _buildSliver(BuildContext context) {
if (error.isNotEmpty) {
return SliverToBoxAdapter(
child: ErrorReload(text: error, onTap: _refresh),
);
} else if (loading && items.isEmpty) {
return SliverToBoxAdapter(child: Loading(more: false));
} else if (items.isEmpty) {
return SliverToBoxAdapter(child: EmptyWidget());
} else {
return SliverList(
delegate: SliverChildBuilderDelegate(
_buildItem,
childCount: 2 * items.length + 1,
),
);
}
}
Widget _buildBody(BuildContext context) {
if (error.isNotEmpty) {
return ErrorReload(text: error, onTap: _refresh);
} else if (loading && items.isEmpty) {
return Loading(more: false);
} else if (items.isEmpty) {
return EmptyWidget();
} else {
return ListView.builder(
// shrinkWrap: true,
controller: _controller,
itemCount: 2 * items.length + 1,
itemBuilder: _buildItem,
);
}
}
@override
Widget build(BuildContext context) {
switch (Provider.of<ThemeModel>(context).theme) {
case ThemeMap.cupertino:
List<Widget> slivers = [
CupertinoSliverRefreshControl(onRefresh: _refresh)
];
// if (widget.header != null) {
// slivers.add(SliverToBoxAdapter(child: widget.header));
// }
slivers.add(_buildSliver(context));
return CupertinoPageScaffold(
navigationBar: CupertinoNavigationBar(
middle: widget.title,
trailing: widget.trailingBuiler == null
? null
: widget.trailingBuiler(refresh: _refresh),
),
child: SafeArea(
child: CustomScrollView(
controller: _controller,
slivers: slivers,
),
),
);
default:
return Scaffold(
appBar: AppBar(
title: widget.title,
actions: widget.trailingBuiler == null
? null
: [widget.trailingBuiler(refresh: _refresh)],
),
body: RefreshIndicator(
onRefresh: _refresh,
child: _buildBody(context),
),
);
}
}
}