feat: 轮播查看up动态

lib/pages/dynamics/up_dynamic/view.dart

@@ -0,0 +1,178 @@
+import 'package:easy_debounce/easy_throttle.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/skeleton/dynamic_card.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/common/widgets/no_data.dart';
+import 'package:pilipala/models/dynamics/result.dart';
+import 'package:pilipala/models/dynamics/up.dart';
+import 'package:pilipala/pages/dynamics/up_dynamic/index.dart';
+
+import '../index.dart';
+import '../widgets/dynamic_panel.dart';
+
+class UpDyanmicsPage extends StatefulWidget {
+  final UpItem upInfo;
+  final DynamicsController ctr;
+
+  const UpDyanmicsPage({
+    required this.upInfo,
+    required this.ctr,
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  State<UpDyanmicsPage> createState() => _UpDyanmicsPageState();
+}
+
+class _UpDyanmicsPageState extends State<UpDyanmicsPage>
+    with AutomaticKeepAliveClientMixin {
+  late UpDynamicsController _upDynamicsController;
+  final ScrollController scrollController = ScrollController();
+  late Future _futureBuilderFuture;
+
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
+  void initState() {
+    super.initState();
+    _upDynamicsController = Get.put(UpDynamicsController(widget.upInfo),
+        tag: widget.upInfo.mid.toString());
+    _futureBuilderFuture = _upDynamicsController.queryFollowDynamic();
+
+    scrollController.addListener(
+      () async {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          EasyThrottle.throttle(
+              'queryFollowDynamic', const Duration(seconds: 1), () {
+            _upDynamicsController.queryFollowDynamic(type: 'onLoad');
+          });
+        }
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    super.build(context);
+    return CustomScrollView(
+      controller: scrollController,
+      physics: const AlwaysScrollableScrollPhysics(),
+      slivers: [
+        SliverPersistentHeader(
+          pinned: true,
+          floating: true,
+          delegate: _MySliverPersistentHeaderDelegate(
+            child: Container(
+              height: 50,
+              padding: const EdgeInsets.fromLTRB(20, 4, 4, 4),
+              decoration: BoxDecoration(
+                color: Theme.of(context).colorScheme.surface,
+                border: Border(
+                  bottom: BorderSide(
+                    color: Theme.of(context).colorScheme.onSurface,
+                    width: 0.1,
+                  ),
+                ),
+              ),
+              child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Text(
+                    widget.upInfo.uname!,
+                    style: Theme.of(context)
+                        .textTheme
+                        .titleMedium!
+                        .copyWith(fontWeight: FontWeight.bold),
+                  ),
+                  IconButton(
+                    onPressed: () => Navigator.of(context).pop(),
+                    icon: const Icon(Icons.close),
+                  )
+                ],
+              ),
+            ),
+          ),
+        ),
+        FutureBuilder(
+          future: _futureBuilderFuture,
+          builder: (context, snapshot) {
+            if (snapshot.connectionState == ConnectionState.done) {
+              if (snapshot.data == null) {
+                return const SliverToBoxAdapter(child: SizedBox());
+              }
+              Map? data = snapshot.data;
+              if (data != null && data['status']) {
+                List<DynamicItemModel> list =
+                    _upDynamicsController.dynamicsList;
+                return Obx(
+                  () {
+                    if (list.isEmpty) {
+                      if (_upDynamicsController.isLoadingDynamic.value) {
+                        return skeleton();
+                      } else {
+                        return const NoData();
+                      }
+                    } else {
+                      return SliverList(
+                        delegate: SliverChildBuilderDelegate(
+                          (context, index) {
+                            return DynamicPanel(item: list[index]);
+                          },
+                          childCount: list.length,
+                        ),
+                      );
+                    }
+                  },
+                );
+              } else {
+                return HttpError(
+                  errMsg: data?['msg'] ?? '请求异常',
+                  btnText: data?['code'] == -101 ? '去登录' : null,
+                  fn: () {},
+                );
+              }
+            } else {
+              // 骨架屏
+              return skeleton();
+            }
+          },
+        ),
+      ],
+    );
+  }
+
+  Widget skeleton() {
+    return SliverList(
+      delegate: SliverChildBuilderDelegate((context, index) {
+        return const DynamicCardSkeleton();
+      }, childCount: 5),
+    );
+  }
+}
+
+class _MySliverPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {
+  _MySliverPersistentHeaderDelegate({required this.child});
+  final double _minExtent = 50;
+  final double _maxExtent = 50;
+  final Widget child;
+
+  @override
+  Widget build(
+      BuildContext context, double shrinkOffset, bool overlapsContent) {
+    return child;
+  }
+
+  @override
+  double get maxExtent => _maxExtent;
+
+  @override
+  double get minExtent => _minExtent;
+
+  @override
+  bool shouldRebuild(covariant _MySliverPersistentHeaderDelegate oldDelegate) {
+    return true;
+  }
+}