v1.4.1+62

lib/screens/mediagrid.dart

@@ -3,10 +3,10 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:pullex/pullex.dart';
 
+import 'package:f0ckapp/widgets/tagfooter.dart';
 import 'package:f0ckapp/utils/customsearchdelegate.dart';
 import 'package:f0ckapp/widgets/end_drawer.dart';
 import 'package:f0ckapp/widgets/filter_bar.dart';
-import 'package:f0ckapp/screens/mediadetail.dart';
 import 'package:f0ckapp/widgets/media_tile.dart';
 import 'package:f0ckapp/controller/mediacontroller.dart';
 
@@ -24,151 +24,162 @@ class _MediaGrid extends State<MediaGrid> {
     initialRefresh: false,
   );
 
+  late final _MediaGridAppBar _appBar;
+  late final _MediaGridBody _body;
+
   @override
   void initState() {
     super.initState();
     _mediaController.fetchInitial();
+    _appBar = _MediaGridAppBar(mediaController: _mediaController);
+    _body = _MediaGridBody(
+      refreshController: _refreshController,
+      mediaController: _mediaController,
+      scrollController: _scrollController,
+    );
+  }
+
+  @override
+  void dispose() {
+    _scrollController.dispose();
+    _refreshController.dispose();
+    super.dispose();
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      endDrawer: EndDrawer(),
-      endDrawerEnableOpenDragGesture: _mediaController.drawerSwipeEnabled.value,
-      bottomNavigationBar: FilterBar(scrollController: _scrollController),
-      body: PullexRefresh(
-        controller: _refreshController,
-        enablePullDown: true,
-        enablePullUp: true,
-        header: MaterialHeader(offset: 140),
-        onRefresh: () async {
-          try {
-            if (_mediaController.loading.value) return;
-            if (!_mediaController.atStart.value) {
-              await _mediaController.fetchNewer();
-            } else {
-              await _mediaController.fetchInitial();
-            }
-          } finally {
-            _refreshController.refreshCompleted();
-          }
-        },
-        onLoading: () async {
-          try {
-            if (!_mediaController.loading.value &&
-                !_mediaController.atEnd.value) {
-              await _mediaController.fetchMore();
-            }
-          } finally {
-            _refreshController.loadComplete();
-          }
-        },
-        child: CustomScrollView(
-          controller: _scrollController,
-          slivers: [
-            SliverAppBar(
-              pinned: false,
-              snap: true,
-              floating: true,
-              title: GestureDetector(
-                child: Row(
-                  children: [
-                    Image.asset(
-                      'assets/images/f0ck_small.webp',
-                      fit: BoxFit.fitHeight,
-                    ),
-                    const SizedBox(width: 10),
-                    const Text('fApp', style: TextStyle(fontSize: 24)),
-                  ],
-                ),
-                onTap: () {
-                  _mediaController.setTag(null);
-                },
-              ),
-              actions: [
-                IconButton(
-                  icon: const Icon(Icons.search),
-                  onPressed: () async {
-                    await showSearch(
-                      context: context,
-                      delegate: CustomSearchDelegate(),
-                    );
-                  },
-                ),
-                Obx(
-                  () => IconButton(
-                    icon: Icon(
-                      _mediaController.random.value == 1
-                          ? Icons.shuffle_on_outlined
-                          : Icons.shuffle,
-                    ),
-                    onPressed: () {
-                      _mediaController.toggleRandom();
-                    },
-                  ),
-                ),
-                Builder(
-                  builder: (context) {
-                    return IconButton(
-                      icon: const Icon(Icons.menu),
-                      onPressed: () {
-                        Scaffold.of(context).openEndDrawer();
-                      },
-                    );
-                  },
-                ),
-              ],
-            ),
-            Obx(
-              () => SliverPadding(
-                padding: const EdgeInsets.all(4),
-                sliver: SliverGrid(
-                  delegate: SliverChildBuilderDelegate((context, index) {
-                    final item = _mediaController.filteredItems[index];
-                    return GestureDetector(
-                      onTap: () {
-                        final item = _mediaController.filteredItems[index];
-                        Get.to(() => MediaDetailScreen(initialId: item.id));
-                      },
-                      child: MediaTile(item: item),
-                    );
-                  }, childCount: _mediaController.filteredItems.length),
-                  gridDelegate: _mediaController.crossAxisCount.value == 0
-                      ? const SliverGridDelegateWithMaxCrossAxisExtent(
-                          maxCrossAxisExtent: 150,
-                          crossAxisSpacing: 5,
-                          mainAxisSpacing: 5,
-                          childAspectRatio: 1,
-                        )
-                      : SliverGridDelegateWithFixedCrossAxisCount(
-                          crossAxisCount: _mediaController.crossAxisCount.value,
-                          crossAxisSpacing: 5,
-                          mainAxisSpacing: 5,
-                          childAspectRatio: 1,
-                        ),
-                ),
-              ),
-            ),
-          ],
-        ),
+    return Obx(
+      () => Scaffold(
+        endDrawer: const EndDrawer(),
+        endDrawerEnableOpenDragGesture:
+            _mediaController.drawerSwipeEnabled.value,
+        bottomNavigationBar: FilterBar(scrollController: _scrollController),
+        appBar: _appBar,
+        body: _body,
+        persistentFooterButtons: _mediaController.tag.value != null
+            ? [TagFooter()]
+            : null,
+      ),
+    );
+  }
+}
+
+class _MediaGridAppBar extends StatelessWidget implements PreferredSizeWidget {
+  const _MediaGridAppBar({required this.mediaController});
+
+  final MediaController mediaController;
+
+  @override
+  Widget build(BuildContext context) {
+    return AppBar(
+      title: InkWell(
+        onTap: () {
+          mediaController.setTag(null);
+        },
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Image.asset('assets/images/f0ck_small.webp', fit: BoxFit.fitHeight),
+            const SizedBox(width: 10),
+            const Text('fApp', style: TextStyle(fontSize: 24)),
+          ],
+        ),
+      ),
+      actions: [
+        IconButton(
+          icon: const Icon(Icons.search),
+          onPressed: () async {
+            await showSearch(
+              context: context,
+              delegate: CustomSearchDelegate(),
+            );
+          },
+        ),
+        Obx(
+          () => IconButton(
+            icon: Icon(
+              mediaController.isRandomEnabled
+                  ? Icons.shuffle_on_outlined
+                  : Icons.shuffle,
+            ),
+            onPressed: mediaController.toggleRandom,
+          ),
+        ),
+        IconButton(
+          icon: const Icon(Icons.menu),
+          onPressed: () => Scaffold.of(context).openEndDrawer(),
+        ),
+      ],
+    );
+  }
+
+  @override
+  Size get preferredSize => const Size.fromHeight(kToolbarHeight);
+}
+
+class _MediaGridBody extends StatelessWidget {
+  const _MediaGridBody({
+    required this.refreshController,
+    required this.mediaController,
+    required this.scrollController,
+  });
+
+  final PullexRefreshController refreshController;
+  final MediaController mediaController;
+  final ScrollController scrollController;
+
+  @override
+  Widget build(BuildContext context) {
+    return PullexRefresh(
+      controller: refreshController,
+      enablePullDown: true,
+      enablePullUp: true,
+      header: const MaterialHeader(),
+      onRefresh: () async {
+        try {
+          await mediaController.handleRefresh();
+        } finally {
+          refreshController.refreshCompleted();
+        }
+      },
+      onLoading: () async {
+        try {
+          await mediaController.handleLoading();
+        } finally {
+          refreshController.loadComplete();
+        }
+      },
+      child: Obx(
+        () => GridView.builder(
+          addAutomaticKeepAlives: false,
+          controller: scrollController,
+          physics: const NeverScrollableScrollPhysics(),
+          shrinkWrap: true,
+          padding: const EdgeInsets.all(4),
+          itemCount: mediaController.items.length,
+          gridDelegate: mediaController.crossAxisCount.value == 0
+              ? const SliverGridDelegateWithMaxCrossAxisExtent(
+                  maxCrossAxisExtent: 150,
+                  crossAxisSpacing: 5,
+                  mainAxisSpacing: 5,
+                  childAspectRatio: 1,
+                )
+              : SliverGridDelegateWithFixedCrossAxisCount(
+                  crossAxisCount: mediaController.crossAxisCount.value,
+                  crossAxisSpacing: 5,
+                  mainAxisSpacing: 5,
+                  childAspectRatio: 1,
+                ),
+          itemBuilder: (context, index) {
+            final item = mediaController.items[index];
+            return GestureDetector(
+              key: ValueKey(item.id),
+              onTap: () => Get.toNamed('/${item.id}'),
+              child: MediaTile(item: item),
+            );
+          },
+        ),
       ),
-      persistentFooterButtons: [
-        Obx(() {
-          if (_mediaController.tag.value != null) {
-            return Center(
-              child: InputChip(
-                label: Text(_mediaController.tag.value!),
-                onDeleted: () {
-                  _mediaController.setTag(null);
-                  Get.offAllNamed('/');
-                },
-              ),
-            );
-          } else {
-            return SizedBox.shrink();
-          }
-        }),
-      ],
     );
   }
 }