fix #1035

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/common/skeleton/dynamic_card.dart

@@ -1,4 +1,5 @@
 import 'package:PiliPlus/common/skeleton/skeleton.dart';
+import 'package:PiliPlus/utils/global_data.dart';
 import 'package:flutter/material.dart';
 
 class DynamicCardSkeleton extends StatelessWidget {
@@ -89,7 +90,7 @@ class DynamicCardSkeleton extends StatelessWidget {
                 ],
               ),
             ),
-            const Spacer(),
+            if (GlobalData().dynamicsWaterfallFlow) const Spacer(),
             Row(
               mainAxisAlignment: MainAxisAlignment.spaceAround,
               children: [

lib/pages/dynamics_tab/view.dart

@@ -12,7 +12,6 @@ import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart';
 import 'package:PiliPlus/pages/dynamics_tab/controller.dart';
 import 'package:PiliPlus/pages/main/controller.dart';
 import 'package:PiliPlus/utils/global_data.dart';
-import 'package:PiliPlus/utils/grid.dart';
 import 'package:PiliPlus/utils/waterfall.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
@@ -91,7 +90,9 @@ class _DynamicsTabPageState
             padding: EdgeInsets.only(
               bottom: MediaQuery.paddingOf(context).bottom + 80,
             ),
-            sliver: Obx(() => _buildBody(controller.loadingState.value)),
+            sliver: buildPage(
+              Obx(() => _buildBody(controller.loadingState.value)),
+            ),
           ),
         ],
       ),
@@ -122,12 +123,7 @@ class _DynamicsTabPageState
                         childCount: response!.length,
                       ),
                     )
-                  : SliverCrossAxisGroup(
+                  : SliverList.builder(
-                      slivers: [
-                        const SliverFillRemaining(),
-                        SliverConstrainedCrossAxis(
-                          maxExtent: Grid.smallCardWidth * 2,
-                          sliver: SliverList.builder(
                       itemBuilder: (context, index) {
                         if (index == response.length - 1) {
                           controller.onLoadMore();
@@ -142,10 +138,6 @@ class _DynamicsTabPageState
                         );
                       },
                       itemCount: response!.length,
-                          ),
-                        ),
-                        const SliverFillRemaining(),
-                      ],
                     )
             : HttpError(onReload: controller.onReload),
       Error(:var errMsg) => HttpError(

lib/pages/dynamics_topic/view.dart

@@ -13,7 +13,6 @@ import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart';
 import 'package:PiliPlus/pages/dynamics_create/view.dart';
 import 'package:PiliPlus/pages/dynamics_topic/controller.dart';
 import 'package:PiliPlus/utils/global_data.dart';
-import 'package:PiliPlus/utils/grid.dart';
 import 'package:PiliPlus/utils/num_util.dart';
 import 'package:PiliPlus/utils/page_utils.dart';
 import 'package:PiliPlus/utils/utils.dart';
@@ -141,7 +140,9 @@ class _DynTopicPageState extends State<DynTopicPage> with DynMixin {
               }),
               SliverPadding(
                 padding: EdgeInsets.only(bottom: padding.bottom + 80),
-                sliver: Obx(() => _buildBody(_controller.loadingState.value)),
+                sliver: buildPage(
+                  Obx(() => _buildBody(_controller.loadingState.value)),
+                ),
               ),
             ],
           ),
@@ -371,12 +372,7 @@ class _DynTopicPageState extends State<DynTopicPage> with DynMixin {
                         childCount: response!.length,
                       ),
                     )
-                  : SliverCrossAxisGroup(
+                  : SliverList.builder(
-                      slivers: [
-                        const SliverFillRemaining(),
-                        SliverConstrainedCrossAxis(
-                          maxExtent: Grid.smallCardWidth * 2,
-                          sliver: SliverList.builder(
                       itemBuilder: (context, index) {
                         if (index == response.length - 1) {
                           _controller.onLoadMore();
@@ -392,10 +388,6 @@ class _DynTopicPageState extends State<DynTopicPage> with DynMixin {
                         }
                       },
                       itemCount: response!.length,
-                          ),
-                        ),
-                        const SliverFillRemaining(),
-                      ],
                     )
             : HttpError(onReload: _controller.onReload),
       Error(:var errMsg) => HttpError(

lib/pages/member_dynamics/view.dart

@@ -5,7 +5,6 @@ import 'package:PiliPlus/models/dynamics/result.dart';
 import 'package:PiliPlus/pages/dynamics/widgets/dynamic_panel.dart';
 import 'package:PiliPlus/pages/member_dynamics/controller.dart';
 import 'package:PiliPlus/utils/global_data.dart';
-import 'package:PiliPlus/utils/grid.dart';
 import 'package:PiliPlus/utils/utils.dart';
 import 'package:PiliPlus/utils/waterfall.dart';
 import 'package:flutter/material.dart';
@@ -64,10 +63,12 @@ class _MemberDynamicsPageState extends State<MemberDynamicsPage>
           padding: EdgeInsets.only(
             bottom: MediaQuery.paddingOf(context).bottom + 80,
           ),
-          sliver: Obx(
+          sliver: buildPage(
+            Obx(
               () => _buildContent(_memberDynamicController.loadingState.value),
             ),
           ),
+        ),
       ],
     ),
   );
@@ -95,12 +96,7 @@ class _MemberDynamicsPageState extends State<MemberDynamicsPage>
                         childCount: response!.length,
                       ),
                     )
-                  : SliverCrossAxisGroup(
+                  : SliverList.builder(
-                      slivers: [
-                        const SliverFillRemaining(),
-                        SliverConstrainedCrossAxis(
-                          maxExtent: Grid.smallCardWidth * 2,
-                          sliver: SliverList.builder(
                       itemBuilder: (context, index) {
                         if (index == response.length - 1) {
                           _memberDynamicController.onLoadMore();
@@ -113,10 +109,6 @@ class _MemberDynamicsPageState extends State<MemberDynamicsPage>
                         );
                       },
                       itemCount: response!.length,
-                          ),
-                        ),
-                        const SliverFillRemaining(),
-                      ],
                     )
             : HttpError(onReload: _memberDynamicController.onReload),
       Error(:var errMsg) => HttpError(

lib/pages/member_search/child/view.dart

@@ -45,7 +45,14 @@ class _MemberSearchChildPageState extends State<MemberSearchChildPage>
               top: widget.searchType == MemberSearchType.archive ? 7 : 0,
               bottom: MediaQuery.paddingOf(context).bottom + 80,
             ),
-            sliver: Obx(() => _buildBody(_controller.loadingState.value)),
+            sliver: switch (widget.searchType) {
+              MemberSearchType.archive => Obx(
+                () => _buildBody(_controller.loadingState.value),
+              ),
+              MemberSearchType.dynamic => buildPage(
+                Obx(() => _buildBody(_controller.loadingState.value)),
+              ),
+            },
           ),
         ],
       ),
@@ -96,12 +103,7 @@ class _MemberSearchChildPageState extends State<MemberSearchChildPage>
                                 childCount: response!.length,
                               ),
                             )
-                          : SliverCrossAxisGroup(
+                          : SliverList.builder(
-                              slivers: [
-                                const SliverFillRemaining(),
-                                SliverConstrainedCrossAxis(
-                                  maxExtent: Grid.smallCardWidth * 2,
-                                  sliver: SliverList.builder(
                               itemBuilder: (context, index) {
                                 if (index == response.length - 1) {
                                   _controller.onLoadMore();
@@ -113,10 +115,6 @@ class _MemberSearchChildPageState extends State<MemberSearchChildPage>
                               },
                               itemCount: response!.length,
                             ),
-                                ),
-                                const SliverFillRemaining(),
-                              ],
-                            ),
                   };
                 },
               )

lib/utils/waterfall.dart

@@ -17,6 +17,29 @@ mixin DynMixin {
         callback: (value) => maxWidth = value,
       );
 
+  Widget buildPage(Widget child) {
+    if (GlobalData().dynamicsWaterfallFlow) {
+      return child;
+    }
+    return SliverLayoutBuilder(
+      builder: (context, constraints) {
+        final maxWidth = constraints.crossAxisExtent;
+        final cardWidth = Grid.smallCardWidth * 2;
+        final flag = cardWidth < maxWidth;
+        this.maxWidth = flag ? cardWidth : maxWidth;
+        if (!flag) {
+          return child;
+        }
+        return SliverPadding(
+          padding: EdgeInsets.symmetric(
+            horizontal: (maxWidth - cardWidth) / 2,
+          ),
+          sliver: child,
+        );
+      },
+    );
+  }
+
   late final skeDelegate = SliverGridDelegateWithExtentAndRatio(
     crossAxisSpacing: 4,
     mainAxisSpacing: 4,
@@ -33,18 +56,9 @@ mixin DynMixin {
         itemCount: 10,
       );
     }
-    return SliverCrossAxisGroup(
+    return SliverList.builder(
-      slivers: [
-        const SliverFillRemaining(),
-        SliverConstrainedCrossAxis(
-          maxExtent: Grid.smallCardWidth * 2,
-          sliver: SliverList.builder(
       itemBuilder: (_, _) => const DynamicCardSkeleton(),
       itemCount: 10,
-          ),
-        ),
-        const SliverFillRemaining(),
-      ],
     );
   }
 }