mod: 样式、dio异常处理

lib/pages/home/controller.dart

@@ -15,7 +15,7 @@ class HomeController extends GetxController {
   @override
   void onInit() {
     super.onInit();
-    queryRcmdFeed('init');
+    // queryRcmdFeed('init');
   }
 
   // 获取推荐
@@ -35,6 +35,7 @@ class HomeController extends GetxController {
       _currentPage += 1;
     }
     isLoadingMore = false;
+    return res;
   }
 
   // 下拉刷新

lib/pages/home/view.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:pilipala/common/skeleton/video_card_v.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
 import 'package:pilipala/common/widgets/video_card_v.dart';
 import './controller.dart';
 import 'package:pilipala/common/constants.dart';
@@ -16,6 +17,7 @@ class HomePage extends StatefulWidget {
 class _HomePageState extends State<HomePage>
     with AutomaticKeepAliveClientMixin {
   final HomeController _homeController = Get.put(HomeController());
+  Future? _futureBuilderFuture;
   List videoList = [];
 
   @override
@@ -24,6 +26,7 @@ class _HomePageState extends State<HomePage>
   @override
   void initState() {
     super.initState();
+    _futureBuilderFuture = _homeController.queryRcmdFeed('init');
     _homeController.videoList.listen((value) {
       videoList = value;
       setState(() {});
@@ -69,26 +72,25 @@ class _HomePageState extends State<HomePage>
                   ? EdgeInsets.zero
                   : const EdgeInsets.fromLTRB(
                       StyleString.cardSpace, 0, StyleString.cardSpace, 8),
-              sliver: SliverGrid(
-                gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-                    // 行间距
-                    mainAxisSpacing: StyleString.cardSpace,
-                    // 列间距
-                    crossAxisSpacing: StyleString.cardSpace,
-                    // 列数
-                    crossAxisCount: _homeController.crossAxisCount,
-                    mainAxisExtent: MediaQuery.of(context).size.width /
-                            _homeController.crossAxisCount /
-                            StyleString.aspectRatio +
-                        70),
-                delegate: SliverChildBuilderDelegate(
-                  (BuildContext context, int index) {
-                    return videoList.isNotEmpty
-                        ? VideoCardV(videoItem: videoList[index])
-                        : const VideoCardVSkeleton();
-                  },
-                  childCount: videoList.isNotEmpty ? videoList.length : 10,
-                ),
+              sliver: FutureBuilder(
+                future: _futureBuilderFuture,
+                builder: (context, snapshot) {
+                  if (snapshot.connectionState == ConnectionState.done) {
+                    Map data = snapshot.data as Map;
+                    if (data['status']) {
+                      return Obx(() => contentGrid(
+                          _homeController, _homeController.videoList));
+                    } else {
+                      return HttpError(
+                        errMsg: data['msg'],
+                        fn: () => setState(() {}),
+                      );
+                    }
+                  } else {
+                    // 骨架屏
+                    return contentGrid(_homeController, []);
+                  }
+                },
               ),
             ),
             const LoadingMore()
@@ -98,6 +100,31 @@ class _HomePageState extends State<HomePage>
       // ),
     );
   }
+
+  Widget contentGrid(ctr, videoList) {
+    return SliverGrid(
+      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+        // 行间距
+        mainAxisSpacing: StyleString.cardSpace,
+        // 列间距
+        crossAxisSpacing: StyleString.cardSpace,
+        // 列数
+        crossAxisCount: ctr.crossAxisCount,
+        mainAxisExtent: MediaQuery.of(context).size.width /
+                ctr.crossAxisCount /
+                StyleString.aspectRatio +
+            70,
+      ),
+      delegate: SliverChildBuilderDelegate(
+        (BuildContext context, int index) {
+          return videoList!.isNotEmpty
+              ? VideoCardV(videoItem: videoList![index])
+              : const VideoCardVSkeleton();
+        },
+        childCount: videoList!.isNotEmpty ? videoList!.length : 10,
+      ),
+    );
+  }
 }
 
 class MySliverPersistentHeaderDelegate extends SliverPersistentHeaderDelegate {

lib/pages/home/widgets/app_bar.dart

@@ -1,4 +1,5 @@
 import 'dart:io';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 
@@ -10,11 +11,7 @@ class HomeAppBar extends StatelessWidget {
     return SliverAppBar(
       // forceElevated: true,
       scrolledUnderElevation: 0,
-      toolbarHeight: Platform.isAndroid
-          ? (MediaQuery.of(context).padding.top + 6)
-          : Platform.isIOS
-              ? MediaQuery.of(context).padding.top - 2
-              : kToolbarHeight,
+      toolbarHeight: MediaQuery.of(context).padding.top,
       expandedHeight: kToolbarHeight + MediaQuery.of(context).padding.top,
       automaticallyImplyLeading: false,
       pinned: true,
@@ -39,18 +36,12 @@ class HomeAppBar extends StatelessWidget {
                   actions: [
                     IconButton(
                       onPressed: () {},
-                      icon: const FaIcon(
-                        FontAwesomeIcons.magnifyingGlass,
-                        size: 18,
-                      ),
-                    ),
-                    IconButton(
-                      onPressed: () {},
-                      icon: const FaIcon(
-                        FontAwesomeIcons.envelope,
-                        size: 20,
-                      ),
+                      icon: const Icon(CupertinoIcons.search, size: 22),
                     ),
+                    // IconButton(
+                    //   onPressed: () {},
+                    //   icon: const Icon(CupertinoIcons.bell, size: 22),
+                    // ),
                     const SizedBox(width: 10)
                   ],
                   elevation: 0,