TV端搜索错误处理

xiaoyaocz · Mar 13, 2024 · 5a3f0a9 · 5a3f0a9
1 parent 9f989de
commit 5a3f0a9
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 25 deletions.
diff --git a/simple_live_tv_app/lib/modules/search/anchor/search_anchor_page.dart b/simple_live_tv_app/lib/modules/search/anchor/search_anchor_page.dart
@@ -11,6 +11,7 @@ import 'package:simple_live_tv_app/widgets/app_scaffold.dart';
 import 'package:simple_live_tv_app/widgets/button/highlight_button.dart';
 import 'package:simple_live_tv_app/widgets/card/anchor_card.dart';
 import 'package:simple_live_tv_app/widgets/status/app_empty_widget.dart';
+import 'package:simple_live_tv_app/widgets/status/app_error_widget.dart';
 
 class SearchAnchorPage extends GetView<SearchAnchorController> {
   const SearchAnchorPage({super.key});
@@ -133,15 +134,25 @@ class SearchAnchorPage extends GetView<SearchAnchorController> {
                   ),
                   Obx(
                     () => Visibility(
-                      visible:
-                          controller.list.isEmpty && !controller.loadding.value,
+                      visible: controller.list.isEmpty &&
+                          !controller.loadding.value &&
+                          !controller.pageError.value,
                       child: AppEmptyWidget(
                         onRefresh: () {
                           controller.refreshData();
                         },
                       ),
                     ),
                   ),
+                  Obx(
+                    () => Visibility(
+                      visible: controller.pageError.value &&
+                          !controller.loadding.value,
+                      child: AppErrorWidget(
+                        errorMsg: controller.errorMsg.value,
+                      ),
+                    ),
+                  ),
                 ],
               ),
             ),

diff --git a/simple_live_tv_app/lib/modules/search/room/search_room_page.dart b/simple_live_tv_app/lib/modules/search/room/search_room_page.dart
@@ -11,6 +11,7 @@ import 'package:simple_live_tv_app/widgets/app_scaffold.dart';
 import 'package:simple_live_tv_app/widgets/button/highlight_button.dart';
 import 'package:simple_live_tv_app/widgets/card/live_room_card.dart';
 import 'package:simple_live_tv_app/widgets/status/app_empty_widget.dart';
+import 'package:simple_live_tv_app/widgets/status/app_error_widget.dart';
 
 class SearchRoomPage extends GetView<SearchRoomController> {
   const SearchRoomPage({super.key});
@@ -133,15 +134,25 @@ class SearchRoomPage extends GetView<SearchRoomController> {
                   ),
                   Obx(
                     () => Visibility(
-                      visible:
-                          controller.list.isEmpty && !controller.loadding.value,
+                      visible: controller.list.isEmpty &&
+                          !controller.loadding.value &&
+                          !controller.pageError.value,
                       child: AppEmptyWidget(
                         onRefresh: () {
                           controller.refreshData();
                         },
                       ),
                     ),
                   ),
+                  Obx(
+                    () => Visibility(
+                      visible: controller.pageError.value &&
+                          !controller.loadding.value,
+                      child: AppErrorWidget(
+                        errorMsg: controller.errorMsg.value,
+                      ),
+                    ),
+                  ),
                 ],
               ),
             ),

diff --git a/simple_live_tv_app/lib/widgets/status/app_error_widget.dart b/simple_live_tv_app/lib/widgets/status/app_error_widget.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:simple_live_tv_app/app/app_style.dart';
 import 'package:lottie/lottie.dart';
 
@@ -11,27 +12,23 @@ class AppErrorWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Center(
-      child: GestureDetector(
-        onTap: () {
-          onRefresh?.call();
-        },
-        child: Padding(
-          padding: AppStyle.edgeInsetsA12,
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              LottieBuilder.asset(
-                'assets/lotties/error.json',
-                width: 260,
-                repeat: false,
-              ),
-              Text(
-                "$errorMsg\r\n点击刷新",
-                textAlign: TextAlign.center,
-                style: const TextStyle(fontSize: 12, color: Colors.grey),
-              ),
-            ],
-          ),
+      child: Padding(
+        padding: AppStyle.edgeInsetsA12,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            LottieBuilder.asset(
+              'assets/lotties/error.json',
+              width: 200.w,
+              repeat: false,
+            ),
+            AppStyle.vGap24,
+            Text(
+              errorMsg.isEmpty ? "出错了，请稍后重试" : errorMsg,
+              textAlign: TextAlign.center,
+              style: AppStyle.textStyleWhite,
+            ),
+          ],
         ),
       ),
     );