import 'dart:async'; import 'package:flutter/material.dart'; import 'package:gap/gap.dart'; import 'package:get/get.dart'; import 'package:solian/controllers/post_list_controller.dart'; import 'package:solian/providers/auth.dart'; import 'package:solian/providers/navigation.dart'; import 'package:solian/router.dart'; import 'package:solian/screens/account/notification.dart'; import 'package:solian/theme.dart'; import 'package:solian/widgets/account/signin_required_overlay.dart'; import 'package:solian/widgets/current_state_action.dart'; import 'package:solian/widgets/app_bar_leading.dart'; import 'package:solian/widgets/navigation/realm_switcher.dart'; import 'package:solian/widgets/posts/post_shuffle_swiper.dart'; import 'package:solian/widgets/posts/post_warped_list.dart'; class ExploreScreen extends StatefulWidget { const ExploreScreen({super.key}); @override State createState() => _ExploreScreenState(); } class _ExploreScreenState extends State with SingleTickerProviderStateMixin { late final PostListController _postController; late final TabController _tabController; List? _subscriptions; @override void initState() { super.initState(); final navState = Get.find(); _postController = PostListController(); _postController.realm = navState.focusedRealm.value?.alias; _tabController = TabController(length: 3, vsync: this); _tabController.addListener(() { if (_postController.mode.value == _tabController.index) return; _postController.mode.value = _tabController.index; _postController.reloadAllOver(); }); _subscriptions = [ Get.find().focusedRealm.listen((value) { if (value?.alias != _postController.realm) { _postController.realm = value?.alias; _postController.reloadAllOver(); } }), ]; } @override Widget build(BuildContext context) { final AuthProvider auth = Get.find(); return Material( color: Theme.of(context).colorScheme.surface, child: Scaffold( floatingActionButton: FloatingActionButton( child: const Icon(Icons.add), onPressed: () async { final value = await showModalBottomSheet( useRootNavigator: true, isScrollControlled: true, context: context, builder: (context) => const PostCreatePopup(), ); if (value is Future) { value.then((_) { _postController.reloadAllOver(); }); } else if (value != null) { _postController.reloadAllOver(); } }, ), body: NestedScrollView( headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return [ SliverAppBar( flexibleSpace: SizedBox( height: 48, child: const Row( children: [ RealmSwitcher(), ], ).paddingSymmetric(horizontal: 8), ).paddingOnly(top: MediaQuery.of(context).padding.top), floating: true, toolbarHeight: AppTheme.toolbarHeight(context), leading: AppBarLeadingButton.adaptive(context), actions: [ const BackgroundStateWidget(), const NotificationButton(), SizedBox( width: AppTheme.isLargeScreen(context) ? 8 : 16, ), ], bottom: TabBar( controller: _tabController, dividerColor: Theme.of(context).dividerColor.withOpacity(0.1), tabs: [ Tab(text: 'postListNews'.tr), Tab(text: 'postListFriends'.tr), Tab(text: 'postListShuffle'.tr), ], ), ) ]; }, body: Obx(() { if (_postController.isPreparing.isTrue) { return const Center( child: CircularProgressIndicator(), ); } return Column( children: [ Expanded( child: TabBarView( physics: const NeverScrollableScrollPhysics(), controller: _tabController, children: [ RefreshIndicator( onRefresh: () => _postController.reloadAllOver(), child: CustomScrollView(slivers: [ PostWarpedListWidget( controller: _postController.pagingController, onUpdate: () => _postController.reloadAllOver(), ), ]), ), Obx(() { if (auth.isAuthorized.value) { return RefreshIndicator( onRefresh: () => _postController.reloadAllOver(), child: CustomScrollView(slivers: [ PostWarpedListWidget( controller: _postController.pagingController, onUpdate: () => _postController.reloadAllOver(), ), ]), ); } else { return SigninRequiredOverlay( onDone: () => _postController.reloadAllOver(), ); } }), PostShuffleSwiper(controller: _postController), ], ), ), ], ); }), ), ), ); } @override void dispose() { _postController.dispose(); if (_subscriptions != null) { for (final subscription in _subscriptions!) { subscription.cancel(); } } super.dispose(); } } class PostCreatePopup extends StatelessWidget { final bool hideDraftBox; const PostCreatePopup({ super.key, this.hideDraftBox = false, }); @override Widget build(BuildContext context) { final AuthProvider auth = Get.find(); if (auth.isAuthorized.isFalse) { return const SizedBox.shrink(); } final List actionList = [ ( icon: const Icon(Icons.post_add), label: 'postEditorModeStory'.tr, onTap: () { Navigator.pop( context, AppRouter.instance.pushNamed( 'postEditor', queryParameters: { 'mode': 0.toString(), }, ), ); }, ), ( icon: const Icon(Icons.description), label: 'postEditorModeArticle'.tr, onTap: () { Navigator.pop( context, AppRouter.instance.pushNamed( 'postEditor', queryParameters: { 'mode': 1.toString(), }, ), ); }, ), ( icon: const Icon(Icons.drafts), label: 'draftBoxOpen'.tr, onTap: () { Navigator.pop( context, AppRouter.instance.pushNamed('draftBox'), ); }, ), ]; return SizedBox( height: MediaQuery.of(context).size.height * 0.38, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'postNew'.tr, style: Theme.of(context).textTheme.headlineSmall, ).paddingOnly(left: 24, right: 24, top: 32, bottom: 16), Expanded( child: GridView.count( physics: const NeverScrollableScrollPhysics(), crossAxisCount: 3, children: actionList .map((x) => Card( color: Theme.of(context).colorScheme.surfaceContainer, child: InkWell( borderRadius: const BorderRadius.all(Radius.circular(8)), onTap: x.onTap, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ x.icon, const Gap(8), Expanded( child: Text( x.label, overflow: TextOverflow.fade, ), ), ], ).paddingAll(18), ), )) .toList(), ).paddingSymmetric(horizontal: 20), ), ], ), ); } }