💄 Optimize the explore page app bar behavior

lib/controllers/post_list_controller.dart

@@ -1,3 +1,4 @@
+import 'dart:async';
 import 'dart:math';
 
 import 'package:get/get.dart';
@@ -33,9 +34,18 @@ class PostListController extends GetxController {
     pagingController.addPageRequestListener(_onPagingControllerRequest);
   }
 
+  Completer<void>? _pagingLoadCompleter;
+
   Future<void> _onPagingControllerRequest(int pageKey) async {
     try {
+      if (_pagingLoadCompleter != null) {
+        await _pagingLoadCompleter!.future;
+        return;
+      }
+      _pagingLoadCompleter = Completer();
       final result = await loadMore();
+      _pagingLoadCompleter!.complete();
+      _pagingLoadCompleter = null;
 
       if (result != null && hasMore.value) {
         pagingController.appendPage(result, nextPageKey.value);
@@ -99,9 +109,6 @@ class PostListController extends GetxController {
       hasMore.value = false;
     }
 
-    final idx = <dynamic>{};
-    postList.retainWhere((x) => idx.add(x.id));
-
     if (postList.isNotEmpty) {
       var lastId = postList.map((x) => x.id).reduce(max);
       Get.find<LastReadProvider>().feedLastReadAt = lastId;
@@ -121,6 +128,7 @@ class PostListController extends GetxController {
         resp = await posts.listPost(
           pageKey,
           author: author,
+          take: 10,
         );
       } else {
         switch (mode.value) {
@@ -129,6 +137,7 @@ class PostListController extends GetxController {
               pageKey,
               channel: 'shuffle',
               realm: realm,
+              take: 10,
             );
             break;
           case 1:
@@ -136,12 +145,14 @@ class PostListController extends GetxController {
               pageKey,
               channel: 'friends',
               realm: realm,
+              take: 10,
             );
             break;
           default:
             resp = await posts.listRecommendations(
               pageKey,
               realm: realm,
+              take: 10,
             );
             break;
         }

lib/providers/content/posts.dart

@@ -28,11 +28,11 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> listRecommendations(int page,
-      {String? realm, String? channel}) async {
+      {String? realm, String? channel, int take = 10}) async {
     GetConnect client;
     final AuthProvider auth = Get.find();
     final queries = [
-      'take=${10}',
+      'take=$take',
       'offset=$page',
       if (realm != null) 'realm=$realm',
     ];
@@ -71,9 +71,9 @@ class PostProvider extends GetConnect {
   }
 
   Future<Response> listPost(int page,
-      {String? realm, String? author, tag, category}) async {
+      {String? realm, String? author, tag, category, int take = 10}) async {
     final queries = [
-      'take=${10}',
+      'take=$take',
       'offset=$page',
       if (tag != null) 'tag=$tag',
       if (category != null) 'category=$category',

lib/screens/dashboard.dart

@@ -75,11 +75,13 @@ class _DashboardScreenState extends State<DashboardScreen> {
     final src = Get.find<MessagesFetchingProvider>();
     final out = await src.getWhatsNewEvents(_lastRead.messagesLastReadAt!);
     if (out == null) return;
+    if (mounted) {
       setState(() {
         _currentMessages = out.$1;
         _currentMessagesCount = out.$2;
       });
     }
+  }
 
   bool _signingDaily = true;
   DailySignRecord? _signRecord;

lib/screens/explore.dart

@@ -80,7 +80,27 @@ class _ExploreScreenState extends State<ExploreScreen>
         body: NestedScrollView(
           headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
             return [
-              SliverAppBar(
+              SliverLayoutBuilder(
+                builder: (context, constraints) {
+                  final scrollOffset = constraints.scrollOffset;
+                  final colorChangeOffset = 120;
+
+                  final scrollProgress =
+                      (scrollOffset / colorChangeOffset).clamp(0.0, 1.0);
+                  final backgroundColor = Color.lerp(
+                    Theme.of(context)
+                        .colorScheme
+                        .surfaceContainerLow
+                        .withOpacity(0),
+                    Theme.of(context)
+                        .colorScheme
+                        .surfaceContainerLow
+                        .withOpacity(0.9),
+                    scrollProgress,
+                  );
+
+                  return SliverAppBar(
+                    backgroundColor: backgroundColor,
                     flexibleSpace: SizedBox(
                       height: 48,
                       child: const Row(
@@ -89,6 +109,7 @@ class _ExploreScreenState extends State<ExploreScreen>
                         ],
                       ).paddingSymmetric(horizontal: 8),
                     ).paddingOnly(top: MediaQuery.of(context).padding.top),
+                    snap: true,
                     floating: true,
                     toolbarHeight: AppTheme.toolbarHeight(context),
                     leading: AppBarLeadingButton.adaptive(context),
@@ -136,6 +157,8 @@ class _ExploreScreenState extends State<ExploreScreen>
                         ),
                       ],
                     ),
+                  );
+                },
               )
             ];
           },

lib/screens/posts/post_editor.dart

@@ -546,7 +546,6 @@ class _PostEditorTextField extends StatelessWidget {
   final Function onUpdate;
 
   const _PostEditorTextField({
-    super.key,
     required this.focusNode,
     required this.controller,
     required this.onUpdate,