Add pagination to home page

This commit is contained in:
Brandon Presley 2023-04-17 11:03:27 +12:00
parent 1445c19933
commit 59c9c539d2
3 changed files with 85 additions and 48 deletions

View File

@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
import 'package:fmassive/database.dart'; import 'package:fmassive/database.dart';
import 'package:fmassive/edit_set.dart'; import 'package:fmassive/edit_set.dart';
import 'package:fmassive/main.dart'; import 'package:fmassive/main.dart';
import 'package:infinite_scroll_pagination/infinite_scroll_pagination.dart';
import 'package:intl/intl.dart'; import 'package:intl/intl.dart';
import 'package:moor_flutter/moor_flutter.dart'; import 'package:moor_flutter/moor_flutter.dart';
@ -16,25 +17,41 @@ class SetList extends StatefulWidget {
class _SetList extends State<SetList> { class _SetList extends State<SetList> {
bool showSearch = false; bool showSearch = false;
late Stream<List<GymSet>> stream; final PagingController<int, GymSet> pagingController =
PagingController(firstPageKey: 0);
@override @override
initState() { initState() {
super.initState(); super.initState();
setStream(); pagingController.addPageRequestListener((pageKey) {
} fetch(pageKey);
});
void setStream() {
stream = (db.select(db.gymSets)
..where((gymSet) => gymSet.name.contains(widget.search))
..limit(10, offset: 0))
.watch();
} }
@override @override
didUpdateWidget(covariant SetList oldWidget) { didUpdateWidget(covariant SetList oldWidget) {
super.didUpdateWidget(oldWidget); super.didUpdateWidget(oldWidget);
setStream(); pagingController.refresh();
}
Future<void> fetch(int pageKey) async {
try {
final gymSets = await (db.select(db.gymSets)
..where((gymSet) => gymSet.name.contains(widget.search))
..limit(10, offset: pageKey * 10))
.get();
final isLastPage = gymSets.length < 10;
if (isLastPage) {
pagingController.appendLastPage(gymSets);
} else {
final nextPageKey = pageKey + 1;
pagingController.appendPage(gymSets, nextPageKey);
}
} catch (error) {
pagingController.error = error;
}
} }
void toggleSearch() { void toggleSearch() {
@ -46,35 +63,33 @@ class _SetList extends State<SetList> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
body: StreamBuilder<List<GymSet>>( body: PagedListView<int, GymSet>(
stream: stream, pagingController: pagingController,
builder: (context, snapshot) { builderDelegate: PagedChildBuilderDelegate<GymSet>(
final gymSets = snapshot.data; itemBuilder: (context, gymSet, index) => ListTile(
title: Text(gymSet.name),
if (gymSets == null) subtitle: Text("${gymSet.reps} x ${gymSet.weight}kg"),
return const Center(child: CircularProgressIndicator()); trailing: Text(
DateFormat("yyyy-MM-dd").format(DateTime.parse(gymSet.created)),
return ListView.builder( ),
itemCount: gymSets.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(gymSets[index].name),
subtitle: Text(
"${gymSets[index].reps} x ${gymSets[index].weight}kg"),
trailing: Text(DateFormat("yyyy-MM-dd")
.format(DateTime.parse(gymSets[index].created))),
onTap: () async { onTap: () async {
await Navigator.push( await Navigator.push(
context, context,
MaterialPageRoute( MaterialPageRoute(
builder: (context) => EditGymSetPage( builder: (context) => EditGymSetPage(
gymSet: gymSets[index].toCompanion(false)), gymSet: gymSet.toCompanion(false),
),
), ),
); );
}); pagingController.refresh();
}, },
); ),
}), firstPageProgressIndicatorBuilder: (_) =>
const Center(child: CircularProgressIndicator()),
newPageProgressIndicatorBuilder: (_) =>
const Center(child: CircularProgressIndicator()),
),
),
floatingActionButton: FloatingActionButton( floatingActionButton: FloatingActionButton(
onPressed: () async { onPressed: () async {
await Navigator.push( await Navigator.push(
@ -86,10 +101,15 @@ class _SetList extends State<SetList> {
reps: const Value(0), reps: const Value(0),
weight: const Value(0), weight: const Value(0),
image: const Value(''), image: const Value(''),
created: Value(DateTime.now().toString()))), created: Value(DateTime.now().toString()),
),
),
), ),
); );
pagingController.refresh();
}, },
child: const Icon(Icons.add))); child: const Icon(Icons.add),
),
);
} }
} }

View File

@ -392,6 +392,14 @@ packages:
url: "https://pub.dev" url: "https://pub.dev"
source: hosted source: hosted
version: "4.0.2" version: "4.0.2"
infinite_scroll_pagination:
dependency: "direct main"
description:
name: infinite_scroll_pagination
sha256: "9517328f4e373f08f57dbb11c5aac5b05554142024d6b60c903f3b73476d52db"
url: "https://pub.dev"
source: hosted
version: "3.2.0"
intl: intl:
dependency: "direct main" dependency: "direct main"
description: description:
@ -677,6 +685,14 @@ packages:
description: flutter description: flutter
source: sdk source: sdk
version: "0.0.99" version: "0.0.99"
sliver_tools:
dependency: transitive
description:
name: sliver_tools
sha256: ccdc502098a8bfa07b3ec582c282620031481300035584e1bb3aca296a505e8c
url: "https://pub.dev"
source: hosted
version: "0.2.10"
source_gen: source_gen:
dependency: transitive dependency: transitive
description: description:

View File

@ -46,6 +46,7 @@ dependencies:
audioplayers: ^4.0.1 audioplayers: ^4.0.1
intl: ^0.18.0 intl: ^0.18.0
permission_handler: ^10.2.0 permission_handler: ^10.2.0
infinite_scroll_pagination: ^3.2.0
dev_dependencies: dev_dependencies:
flutter_test: flutter_test: