Create home tab with different listings
This commit is contained in:
krawieck
parent
c6a1eff7ed
commit
0734fb42fc
|
|
@ -0,0 +1,242 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:lemmy_api_client/lemmy_api_client.dart';
|
||||
|
||||
import '../hooks/infinite_scroll.dart';
|
||||
import '../hooks/stores.dart';
|
||||
import '../util/goto.dart';
|
||||
import '../widgets/bottom_modal.dart';
|
||||
import '../widgets/infinite_scroll.dart';
|
||||
import '../widgets/post.dart';
|
||||
import '../widgets/post_list_options.dart';
|
||||
import 'inbox.dart';
|
||||
|
||||
class HomeTab extends HookWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final selectedList =
|
||||
useState(SelectedList(listingType: PostListingType.subscribed));
|
||||
final accStore = useAccountsStore();
|
||||
final isc = useInfiniteScrollController();
|
||||
final theme = Theme.of(context);
|
||||
|
||||
handleListChange() async {
|
||||
final val = await showModalBottomSheet<SelectedList>(
|
||||
backgroundColor: Colors.transparent,
|
||||
isScrollControlled: true,
|
||||
context: context,
|
||||
builder: (context) {
|
||||
pop(SelectedList thing) => Navigator.of(context).pop(thing);
|
||||
return BottomModal(
|
||||
child: Column(
|
||||
children: [
|
||||
ListTile(
|
||||
title: Text('EVERYTHING'),
|
||||
dense: true,
|
||||
contentPadding: EdgeInsets.zero,
|
||||
visualDensity:
|
||||
VisualDensity(vertical: VisualDensity.minimumDensity),
|
||||
leading: SizedBox(width: 20, height: 20),
|
||||
),
|
||||
ListTile(
|
||||
title: Text('Subscribed'),
|
||||
leading: SizedBox(width: 20, height: 20),
|
||||
onTap: () =>
|
||||
pop(SelectedList(listingType: PostListingType.subscribed)),
|
||||
),
|
||||
ListTile(
|
||||
title: Text('All'),
|
||||
leading: SizedBox(width: 20, height: 20),
|
||||
onTap: () =>
|
||||
pop(SelectedList(listingType: PostListingType.all)),
|
||||
),
|
||||
for (final instance in accStore.instances) ...[
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text(
|
||||
instance.toUpperCase(),
|
||||
style: TextStyle(
|
||||
color:
|
||||
theme.textTheme.bodyText1.color.withOpacity(0.7)),
|
||||
),
|
||||
dense: true,
|
||||
contentPadding: EdgeInsets.zero,
|
||||
visualDensity:
|
||||
VisualDensity(vertical: VisualDensity.minimumDensity),
|
||||
leading: SizedBox(width: 30),
|
||||
),
|
||||
ListTile(
|
||||
title: Text('Subscribed'),
|
||||
onTap: () => pop(SelectedList(
|
||||
listingType: PostListingType.subscribed,
|
||||
instanceUrl: instance,
|
||||
)),
|
||||
leading: SizedBox(width: 20),
|
||||
),
|
||||
ListTile(
|
||||
title: Text('All'),
|
||||
onTap: () => pop(SelectedList(
|
||||
listingType: PostListingType.all,
|
||||
instanceUrl: instance,
|
||||
)),
|
||||
leading: SizedBox(width: 20),
|
||||
),
|
||||
]
|
||||
],
|
||||
));
|
||||
},
|
||||
);
|
||||
if (val != null) {
|
||||
print(val);
|
||||
selectedList.value = val;
|
||||
isc.clear();
|
||||
}
|
||||
}
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
actions: [
|
||||
IconButton(
|
||||
icon: Icon(Icons.notifications),
|
||||
onPressed: () => goTo(context, (_) => InboxPage()),
|
||||
)
|
||||
],
|
||||
centerTitle: true,
|
||||
title: TextButton(
|
||||
style: TextButton.styleFrom(
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.all(Radius.circular(10))),
|
||||
padding: EdgeInsets.symmetric(horizontal: 15),
|
||||
primary: theme.buttonColor,
|
||||
textStyle: theme.textTheme.headline6,
|
||||
),
|
||||
onPressed: handleListChange,
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text('Subscribed'),
|
||||
Icon(Icons.arrow_drop_down),
|
||||
],
|
||||
)),
|
||||
),
|
||||
body: InfiniteHomeList(
|
||||
controller: isc,
|
||||
selectedList: selectedList.value,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class InfiniteHomeList extends HookWidget {
|
||||
final Function onStyleChange;
|
||||
final InfiniteScrollController controller;
|
||||
final SelectedList selectedList;
|
||||
InfiniteHomeList({
|
||||
@required this.selectedList,
|
||||
this.onStyleChange,
|
||||
this.controller,
|
||||
}) : assert(selectedList != null);
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final accStore = useAccountsStore();
|
||||
|
||||
final sort = useState(SortType.active);
|
||||
|
||||
void changeSorting(SortType newSort) {
|
||||
sort.value = newSort;
|
||||
controller.clear();
|
||||
}
|
||||
|
||||
Future<List<PostView>> ultimateFetcher(
|
||||
int page,
|
||||
int limit,
|
||||
SortType sort,
|
||||
PostListingType listingType,
|
||||
) async {
|
||||
assert(
|
||||
listingType != PostListingType.community, 'only subscribed or all');
|
||||
|
||||
final instances = () {
|
||||
if (listingType == PostListingType.all) {
|
||||
return accStore.instances;
|
||||
} else {
|
||||
return accStore.loggedInInstances;
|
||||
}
|
||||
}();
|
||||
|
||||
final futures =
|
||||
instances.map((instanceUrl) => LemmyApi(instanceUrl).v1.getPosts(
|
||||
type: listingType,
|
||||
sort: sort,
|
||||
page: page,
|
||||
limit: limit,
|
||||
auth: accStore.defaultTokenFor(instanceUrl)?.raw,
|
||||
));
|
||||
final posts =
|
||||
await Future.wait(futures).then((value) => value.expand((e) => e));
|
||||
// TODO: sorting
|
||||
return posts.toList(); // .sort();
|
||||
}
|
||||
|
||||
Future<List<PostView>> Function(int, int) _fetcherFromInstance(
|
||||
String instanceUrl, PostListingType listingType, SortType sort) {
|
||||
return (page, batchSize) => LemmyApi(instanceUrl).v1.getPosts(
|
||||
type: listingType,
|
||||
sort: sort,
|
||||
page: page,
|
||||
limit: batchSize,
|
||||
auth: accStore.defaultTokenFor(instanceUrl)?.raw,
|
||||
);
|
||||
}
|
||||
|
||||
return InfiniteScroll<PostView>(
|
||||
prepend: Column(
|
||||
children: [
|
||||
PostListOptions(
|
||||
onChange: changeSorting,
|
||||
defaultSort: SortType.active,
|
||||
styleButton: onStyleChange != null,
|
||||
),
|
||||
],
|
||||
),
|
||||
builder: (post) => Column(
|
||||
children: [
|
||||
Post(post),
|
||||
SizedBox(height: 20),
|
||||
],
|
||||
),
|
||||
padding: EdgeInsets.zero,
|
||||
fetchMore: selectedList.instanceUrl == null
|
||||
? (page, limit) =>
|
||||
ultimateFetcher(page, limit, sort.value, selectedList.listingType)
|
||||
: _fetcherFromInstance(
|
||||
selectedList.instanceUrl,
|
||||
selectedList.listingType,
|
||||
sort.value,
|
||||
),
|
||||
controller: controller,
|
||||
batchSize: 20,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class SelectedList {
|
||||
final String instanceUrl;
|
||||
final PostListingType listingType;
|
||||
SelectedList({
|
||||
@required this.listingType,
|
||||
this.instanceUrl,
|
||||
});
|
||||
|
||||
String toString() =>
|
||||
'SelectedList({instanceUrl: $instanceUrl, listingType: $listingType})';
|
||||
}
|
||||
|
||||
// class _Divider extends StatelessWidget {
|
||||
// @override
|
||||
// Widget build(BuildContext context) => Padding(
|
||||
// padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 10),
|
||||
// child: Divider(),
|
||||
// );
|
||||
// }
|
||||
Loading…
Reference in New Issue