feat: live search

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>
2025-12-23 18:46:53 +08:00 · 2025-05-06 20:31:09 +08:00
parent 867efecc54
commit 661e7bfa78
23 changed files with 835 additions and 68 deletions
--- a/lib/pages/live_search/view.dart
+++ b/lib/pages/live_search/view.dart
@@ -0,0 +1,103 @@
+import 'package:PiliPlus/common/widgets/scroll_physics.dart';
+import 'package:PiliPlus/models/common/live_search_type.dart';
+import 'package:PiliPlus/pages/live_search/child/view.dart';
+import 'package:PiliPlus/pages/live_search/controller.dart';
+import 'package:PiliPlus/utils/utils.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+
+class LiveSearchPage extends StatefulWidget {
+  const LiveSearchPage({super.key});
+
+  @override
+  State<LiveSearchPage> createState() => _LiveSearchPageState();
+}
+
+class _LiveSearchPageState extends State<LiveSearchPage> {
+  final _controller =
+      Get.put(LiveSearchController(), tag: Utils.generateRandomString(8));
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      resizeToAvoidBottomInset: false,
+      appBar: AppBar(
+        actions: [
+          IconButton(
+            tooltip: '搜索',
+            onPressed: _controller.submit,
+            icon: const Icon(Icons.search, size: 22),
+          ),
+          const SizedBox(width: 10)
+        ],
+        title: TextField(
+          autofocus: true,
+          focusNode: _controller.focusNode,
+          controller: _controller.editingController,
+          textInputAction: TextInputAction.search,
+          textAlignVertical: TextAlignVertical.center,
+          decoration: InputDecoration(
+            hintText: '搜索房间或主播',
+            border: InputBorder.none,
+            suffixIcon: IconButton(
+              tooltip: '清空',
+              icon: const Icon(Icons.clear, size: 22),
+              onPressed: _controller.onClear,
+            ),
+          ),
+          onSubmitted: (value) => _controller.submit(),
+          onChanged: (value) {
+            if (value.isEmpty) {
+              _controller.hasData.value = false;
+            }
+          },
+        ),
+      ),
+      body: SafeArea(
+        top: false,
+        bottom: false,
+        child: Obx(() {
+          return Opacity(
+            opacity: _controller.hasData.value ? 1 : 0,
+            child: Column(
+              children: [
+                TabBar(
+                  controller: _controller.tabController,
+                  tabs: [
+                    Obx(
+                      () => Tab(
+                        text:
+                            '正在直播 ${_controller.counts[0] != -1 ? _controller.counts[0] : ''}',
+                      ),
+                    ),
+                    Obx(
+                      () => Tab(
+                        text:
+                            '主播 ${_controller.counts[1] != -1 ? _controller.counts[1] : ''}',
+                      ),
+                    ),
+                  ],
+                ),
+                Expanded(
+                  child: tabBarView(
+                    controller: _controller.tabController,
+                    children: [
+                      LiveSearchChildPage(
+                        controller: _controller.roomCtr,
+                        searchType: LiveSearchType.room,
+                      ),
+                      LiveSearchChildPage(
+                        controller: _controller.userCtr,
+                        searchType: LiveSearchType.user,
+                      ),
+                    ],
+                  ),
+                ),
+              ],
+            ),
+          );
+        }),
+      ),
+    );
+  }
+}