mod: 替换无状态组件

lib/common/skeleton/video_card_h.dart

@@ -2,14 +2,9 @@ import 'package:pilipala/common/constants.dart';
 import 'package:flutter/material.dart';
 import 'skeleton.dart';
 
-class VideoCardHSkeleton extends StatefulWidget {
+class VideoCardHSkeleton extends StatelessWidget {
   const VideoCardHSkeleton({super.key});
 
-  @override
-  State<VideoCardHSkeleton> createState() => _VideoCardHSkeletonState();
-}
-
-class _VideoCardHSkeletonState extends State<VideoCardHSkeleton> {
   @override
   Widget build(BuildContext context) {
     return Skeleton(

lib/pages/home/widgets/app_bar.dart

@@ -47,12 +47,15 @@ class HomeAppBar extends StatelessWidget {
                     IconButton(
                       onPressed: () {
                         Get.bottomSheet(
-                            const SizedBox(
+                          Builder(builder: (context) {
+                            return const SizedBox(
                               height: 450,
                               child: MinePage(),
-                            ),
+                            );
+                          }),
                           clipBehavior: Clip.hardEdge,
-                            isScrollControlled: true);
+                          isScrollControlled: true,
+                        );
                       },
                       icon: const Icon(CupertinoIcons.person, size: 22),
                     ),

lib/pages/media/view.dart

@@ -4,29 +4,12 @@ import 'package:pilipala/common/widgets/network_img_layer.dart';
 import 'package:pilipala/models/user/fav_folder.dart';
 import 'package:pilipala/pages/media/index.dart';
 
-class MediaPage extends StatefulWidget {
+class MediaPage extends StatelessWidget {
   const MediaPage({super.key});
 
-  @override
-  State<MediaPage> createState() => _MediaPageState();
-}
-
-class _MediaPageState extends State<MediaPage>
-    with AutomaticKeepAliveClientMixin {
-  final MediaController _mediaController = Get.put(MediaController());
-  Future? _futureBuilderFuture;
-
-  @override
-  bool get wantKeepAlive => false;
-
-  @override
-  void initState() {
-    super.initState();
-    _futureBuilderFuture = _mediaController.queryFavFolder();
-  }
-
   @override
   Widget build(BuildContext context) {
+    final MediaController mediaController = Get.put(MediaController());
     Color primary = Theme.of(context).colorScheme.primary;
     return Scaffold(
       appBar: AppBar(toolbarHeight: 30),
@@ -45,7 +28,7 @@ class _MediaPageState extends State<MediaPage>
               ),
             ),
           ),
-          for (var i in _mediaController.list) ...[
+          for (var i in mediaController.list) ...[
             ListTile(
               onTap: () => i['onTap'](),
               dense: true,
@@ -65,15 +48,15 @@ class _MediaPageState extends State<MediaPage>
               ),
             ),
           ],
-          Obx(() => _mediaController.userLogin.value == true
+          Obx(() => mediaController.userLogin.value == true
-              ? favFolder()
+              ? favFolder(mediaController, context)
               : const SizedBox())
         ],
       ),
     );
   }
 
-  Widget favFolder() {
+  Widget favFolder(mediaController, context) {
     return Column(
       children: [
         Divider(
@@ -97,9 +80,9 @@ class _MediaPageState extends State<MediaPage>
                               Theme.of(context).textTheme.titleMedium!.fontSize,
                           fontWeight: FontWeight.bold),
                     ),
-                    if (_mediaController.favFolderData.value.count != null)
+                    if (mediaController.favFolderData.value.count != null)
                       TextSpan(
-                        text: _mediaController.favFolderData.value.count
+                        text: mediaController.favFolderData.value.count
                             .toString(),
                         style: TextStyle(
                           fontSize:
@@ -113,7 +96,7 @@ class _MediaPageState extends State<MediaPage>
             ),
           ),
           trailing: IconButton(
-            onPressed: () => _mediaController.queryFavFolder(),
+            onPressed: () => mediaController.queryFavFolder(),
             icon: const Icon(
               Icons.refresh,
               size: 20,
@@ -125,18 +108,18 @@ class _MediaPageState extends State<MediaPage>
           width: double.infinity,
           height: 170,
           child: FutureBuilder(
-              future: _futureBuilderFuture,
+              future: mediaController.queryFavFolder(),
               builder: (context, snapshot) {
                 if (snapshot.connectionState == ConnectionState.done) {
-                  Map data = snapshot.data;
+                  Map data = snapshot.data as Map;
                   if (data['status']) {
                     List favFolderList =
-                        _mediaController.favFolderData.value.list!;
+                        mediaController.favFolderData.value.list!;
                     int favFolderCount =
-                        _mediaController.favFolderData.value.count!;
+                        mediaController.favFolderData.value.count!;
                     bool flag = favFolderCount > favFolderList.length;
                     return Obx(() => ListView.builder(
-                          itemCount: _mediaController
+                          itemCount: mediaController
                                   .favFolderData.value.list!.length +
                               (flag ? 1 : 0),
                           itemBuilder: (context, index) {
@@ -156,7 +139,7 @@ class _MediaPageState extends State<MediaPage>
                                   ));
                             } else {
                               return FavFolderItem(
-                                  item: _mediaController
+                                  item: mediaController
                                       .favFolderData.value.list![index],
                                   index: index);
                             }

lib/pages/mine/view.dart

@@ -5,18 +5,13 @@ import 'package:pilipala/common/constants.dart';
 import 'package:pilipala/common/widgets/network_img_layer.dart';
 import 'controller.dart';
 
-class MinePage extends StatefulWidget {
+class MinePage extends StatelessWidget {
   const MinePage({super.key});
 
-  @override
-  State<MinePage> createState() => _MinePageState();
-}
-
-class _MinePageState extends State<MinePage> {
-  final MineController _mineController = Get.put(MineController());
-
   @override
   Widget build(BuildContext context) {
+    final MineController mineController = Get.put(MineController());
+
     return Scaffold(
       appBar: AppBar(
         automaticallyImplyLeading: false,
@@ -46,31 +41,26 @@ class _MinePageState extends State<MinePage> {
           const SizedBox(width: 10),
         ],
       ),
-      body: RefreshIndicator(
+      body: LayoutBuilder(
-        onRefresh: () async {
-          await _mineController.queryUserInfo();
-          await _mineController.queryUserStatOwner();
-        },
-        child: LayoutBuilder(
         builder: (context, constraint) {
           return SingleChildScrollView(
-              physics: const AlwaysScrollableScrollPhysics(),
+            physics: const NeverScrollableScrollPhysics(),
             child: SizedBox(
               height: constraint.maxHeight,
               child: Column(
                 children: [
                   const SizedBox(height: 10),
                   FutureBuilder(
-                      future: _mineController.queryUserInfo(),
+                    future: mineController.queryUserInfo(),
                     builder: (context, snapshot) {
                       if (snapshot.connectionState == ConnectionState.done) {
                         if (snapshot.data['status']) {
-                            return Obx(() => userInfoBuild());
+                          return Obx(() => userInfoBuild(mineController, context));
                         } else {
-                            return userInfoBuild();
+                          return userInfoBuild(mineController, context);
                         }
                       } else {
-                          return userInfoBuild();
+                        return userInfoBuild(mineController, context);
                       }
                     },
                   ),
@@ -80,11 +70,10 @@ class _MinePageState extends State<MinePage> {
           );
         },
       ),
-      ),
     );
   }
 
-  Widget userInfoBuild() {
+  Widget userInfoBuild(_mineController, context) {
     return Column(
       children: [
         const SizedBox(height: 5),

lib/pages/setting/controller.dart

@@ -13,6 +13,7 @@ class SettingController extends GetxController {
   void onInit() {
     super.onInit();
     userLogin.value = user.get(UserBoxKey.userLogin) ?? false;
+    print(userLogin.value);
   }
 
   loginOut() async {

lib/pages/setting/view.dart

@@ -2,17 +2,11 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:pilipala/pages/setting/index.dart';
 
-class SettingPage extends StatefulWidget {
+class SettingPage extends StatelessWidget {
   const SettingPage({super.key});
 
-  @override
-  State<SettingPage> createState() => _SettingPageState();
-}
-
-class _SettingPageState extends State<SettingPage> {
-  final SettingController _settingController = Get.put(SettingController());
-  @override
   Widget build(BuildContext context) {
+    final SettingController settingController = Get.put(SettingController());
     return Scaffold(
       appBar: AppBar(
         title: const Text('设置'),
@@ -21,9 +15,9 @@ class _SettingPageState extends State<SettingPage> {
         children: [
           Obx(
             () => Visibility(
-              visible: _settingController.userLogin.value,
+              visible: settingController.userLogin.value,
               child: ListTile(
-                onTap: () => _settingController.loginOut(),
+                onTap: () => settingController.loginOut(),
                 dense: false,
                 title: const Text('退出登录'),
               ),

lib/pages/video/detail/related/view.dart

@@ -6,21 +6,17 @@ import 'package:pilipala/common/widgets/overlay_pop.dart';
 import 'package:pilipala/common/widgets/video_card_h.dart';
 import './controller.dart';
 
-class RelatedVideoPanel extends StatefulWidget {
+class RelatedVideoPanel extends GetView<ReleatedController> {
   const RelatedVideoPanel({super.key});
 
-  @override
-  State<RelatedVideoPanel> createState() => _RelatedVideoPanelState();
-}
-
-class _RelatedVideoPanelState extends State<RelatedVideoPanel> {
-  final ReleatedController _releatedController =
-      Get.put(ReleatedController(), tag: Get.arguments['heroTag']);
-
   @override
   Widget build(BuildContext context) {
+    return GetBuilder(
+        init: ReleatedController(),
+        id: Get.arguments['heroTag'],
+        builder: (context) {
           return FutureBuilder(
-      future: _releatedController.queryRelatedVideo(),
+            future: ReleatedController().queryRelatedVideo(),
             builder: (context, snapshot) {
               if (snapshot.connectionState == ConnectionState.done) {
                 if (snapshot.data!['status']) {
@@ -28,18 +24,19 @@ class _RelatedVideoPanelState extends State<RelatedVideoPanel> {
                   return SliverList(
                       delegate: SliverChildBuilderDelegate((context, index) {
                     if (index == snapshot.data['data'].length) {
-                return SizedBox(height: MediaQuery.of(context).padding.bottom);
+                      return SizedBox(
+                          height: MediaQuery.of(context).padding.bottom);
                     } else {
                       return VideoCardH(
                         videoItem: snapshot.data['data'][index],
                         longPress: () {
-                    _releatedController.popupDialog =
+                          ReleatedController().popupDialog =
                               _createPopupDialog(snapshot.data['data'][index]);
                           Overlay.of(context)
-                        .insert(_releatedController.popupDialog!);
+                              .insert(ReleatedController().popupDialog!);
                         },
                         longPressEnd: () {
-                    _releatedController.popupDialog?.remove();
+                          ReleatedController().popupDialog?.remove();
                         },
                       );
                     }
@@ -60,6 +57,7 @@ class _RelatedVideoPanelState extends State<RelatedVideoPanel> {
               }
             },
           );
+        });
   }
 
   OverlayEntry _createPopupDialog(videoItem) {