feat:分类切换优化

lib/kt_pages/kt_home/logic.dart

@@ -133,6 +133,7 @@ class KtHomeLogic extends GetxController {
   }
 
   getCategoryVideoList({bool isRefresh = false}) async {
+    state.categoryLoadStatus = KtLoadStatusType.loading;
     if (isRefresh) {
       state.pageIndex = 1;
       state.categoryVideoList.clear();
@@ -154,6 +155,7 @@ class KtHomeLogic extends GetxController {
     easyRefreshController.finishRefresh();
     easyRefreshController.finishLoad();
     if (res.success) {
+      state.categoryLoadStatus = KtLoadStatusType.loadSuccess;
       List<KtShortVideoBean> list = [
         ...res.data['list']
             .map(
@@ -165,6 +167,13 @@ class KtHomeLogic extends GetxController {
         easyRefreshController.finishLoad(IndicatorResult.noMore);
       }
       state.categoryVideoList.addAll(list);
+      if (state.categoryVideoList.isEmpty) {
+        state.categoryLoadStatus = KtLoadStatusType.loadNoData;
+      }
+
+      update();
+    } else {
+      state.categoryLoadStatus = KtLoadStatusType.loadFailed;
       update();
     }
   }

lib/kt_pages/kt_home/state.dart

@@ -4,6 +4,7 @@ import '../../kt_widgets/kt_status_widget.dart';
 
 class KtHomeState {
   KtLoadStatusType loadStatus = KtLoadStatusType.loading;
+  KtLoadStatusType categoryLoadStatus = KtLoadStatusType.loading;
   List<KtShortVideoBean> topPickList = [];
   List<KtShortVideoBean> hotList = [];
   List<KtShortVideoBean> arrivalList = [];

lib/kt_pages/kt_home/view.dart

@@ -19,10 +19,11 @@ class KtHomePage extends StatefulWidget {
 }
 
 class _KtHomePageState extends State<KtHomePage>
-    with SingleTickerProviderStateMixin, AutomaticKeepAliveClientMixin {
+    with TickerProviderStateMixin, AutomaticKeepAliveClientMixin {
   final logic = Get.put(KtHomeLogic());
   final state = Get.find<KtHomeLogic>().state;
   late TabController tabCtrl;
+  TabController? categoryTabCtrl;
 
   @override
   Widget build(BuildContext context) {
@@ -132,7 +133,9 @@ class _KtHomePageState extends State<KtHomePage>
                 mainAxisAlignment: MainAxisAlignment.end,
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
-                  Row(
+                  GestureDetector(
+                    onTap: () => Get.toNamed(KtRoutes.search),
+                    child: Row(
                       children: [
                         Stack(
                           alignment: Alignment.bottomCenter,
@@ -151,6 +154,7 @@ class _KtHomePageState extends State<KtHomePage>
                         Image.asset('ic_right.png'.ktIcon, width: 10.w),
                       ],
                     ),
+                  ),
                   SizedBox(height: 5.w),
                   Text(
                     'Everyone\'s Watching',
@@ -532,9 +536,10 @@ class _KtHomePageState extends State<KtHomePage>
               KtHomeCategoryBean item = state.categoryList[index];
               return GestureDetector(
                 onTap: () {
+                  if (state.selCategoryId == item.categoryId!) return;
                   state.selCategoryId = item.categoryId!;
+                  categoryTabCtrl?.animateTo(state.categoryList.indexOf(item));
                   logic.getCategoryVideoList(isRefresh: true);
-                  logic.update(['category-items']);
                 },
                 child: Container(
                   width: (ScreenUtil().screenWidth - 42.w) / 3,
@@ -583,7 +588,21 @@ class _KtHomePageState extends State<KtHomePage>
       // return [hotRisingView(), topChartView(), freshDropView()][state.typeList
       //     .indexOf(state.selType)];
     } else {
-      return categoryVideoView();
+      categoryTabCtrl ??= TabController(
+        length: state.categoryList.length,
+        vsync: this,
+      );
+
+      return Expanded(
+        child: TabBarView(
+          controller: categoryTabCtrl,
+          physics: NeverScrollableScrollPhysics(),
+          children: List.generate(
+            state.categoryList.length,
+            (index) => categoryVideoView(index),
+          ),
+        ),
+      );
     }
   }
 
@@ -1438,11 +1457,12 @@ class _KtHomePageState extends State<KtHomePage>
     );
   }
 
-  Widget categoryVideoView() {
+  Widget categoryVideoView(int index) {
     return GetBuilder<KtHomeLogic>(
       id: 'category-list',
+      key: ValueKey('category-$index'),
       builder: (ctrl) {
-        if (state.categoryVideoList.isEmpty) {
+        if (state.categoryLoadStatus == KtLoadStatusType.loadNoData) {
           return KtStatusWidget(
             type: KtErrorStatusType.nothingYet,
             onPressed: logic.getCategoryVideoList,
@@ -1541,6 +1561,7 @@ class _KtHomePageState extends State<KtHomePage>
   @override
   void dispose() {
     tabCtrl.dispose();
+    categoryTabCtrl?.dispose();
     super.dispose();
   }
 }