feat: 首页番剧&样式

lib/pages/bangumi/view.dart

@@ -1,4 +1,15 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/constants.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/pages/main/index.dart';
+import 'package:pilipala/pages/rcmd/view.dart';
+
+import 'controller.dart';
+import 'widgets/bangumu_card_v.dart';
 
 class BangumiPage extends StatefulWidget {
   const BangumiPage({super.key});
@@ -7,12 +18,106 @@ class BangumiPage extends StatefulWidget {
   State<BangumiPage> createState() => _BangumiPageState();
 }
 
-class _BangumiPageState extends State<BangumiPage> {
+class _BangumiPageState extends State<BangumiPage>
+    with AutomaticKeepAliveClientMixin {
+  final BangumiController _bangumidController = Get.put(BangumiController());
+  late Future? _futureBuilderFuture;
+
+  @override
+  bool get wantKeepAlive => true;
+
+  @override
+  void initState() {
+    super.initState();
+    ScrollController scrollController = _bangumidController.scrollController;
+    StreamController<bool> mainStream =
+        Get.find<MainController>().bottomBarStream;
+    _futureBuilderFuture = _bangumidController.queryBangumiListFeed();
+    scrollController.addListener(
+      () async {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          if (!_bangumidController.isLoadingMore) {
+            await _bangumidController.onLoad();
+            await Future.delayed(const Duration(milliseconds: 200));
+            _bangumidController.isLoadingMore = true;
+          }
+        }
+
+        final ScrollDirection direction =
+            scrollController.position.userScrollDirection;
+        if (direction == ScrollDirection.forward) {
+          mainStream.add(true);
+        } else if (direction == ScrollDirection.reverse) {
+          mainStream.add(false);
+        }
+      },
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
-    return const Scaffold(
-      body: Center(
-        child: Text('还在开发中'),
+    return Container(
+      clipBehavior: Clip.hardEdge,
+      margin: const EdgeInsets.only(
+          left: StyleString.safeSpace, right: StyleString.safeSpace),
+      decoration: const BoxDecoration(
+        borderRadius: BorderRadius.all(StyleString.imgRadius),
+      ),
+      child: RefreshIndicator(
+        onRefresh: () async {
+          return Future.delayed(const Duration(seconds: 2));
+        },
+        child: CustomScrollView(
+          controller: _bangumidController.scrollController,
+          slivers: [
+            SliverPadding(
+              padding: EdgeInsets.zero,
+              sliver: FutureBuilder(
+                future: _futureBuilderFuture,
+                builder: (context, snapshot) {
+                  if (snapshot.connectionState == ConnectionState.done) {
+                    Map data = snapshot.data as Map;
+                    if (data['status']) {
+                      return Obx(() => contentGrid(_bangumidController,
+                          _bangumidController.bangumiList));
+                    } else {
+                      return HttpError(
+                        errMsg: data['msg'],
+                        fn: () => {},
+                      );
+                    }
+                  } else {
+                    return contentGrid(_bangumidController, []);
+                  }
+                },
+              ),
+            ),
+            const LoadingMore()
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget contentGrid(ctr, bangumiList) {
+    return SliverGrid(
+      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        // 行间距
+        mainAxisSpacing: StyleString.cardSpace - 2,
+        // 列间距
+        crossAxisSpacing: StyleString.cardSpace,
+        // 列数
+        crossAxisCount: 3,
+        mainAxisExtent: Get.size.width / 3 / 0.65 + 45,
+      ),
+      delegate: SliverChildBuilderDelegate(
+        (BuildContext context, int index) {
+          return bangumiList!.isNotEmpty
+              ? BangumiCardV(bangumiItem: bangumiList[index])
+              : const SizedBox();
+        },
+        childCount: bangumiList!.isNotEmpty ? bangumiList!.length : 10,
       ),
     );
   }