feat: up搜索

lib/pages/follow_search/controller.dart

@@ -0,0 +1,73 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/http/member.dart';
+
+import '../../models/follow/result.dart';
+
+class FollowSearchController extends GetxController {
+  Rx<TextEditingController> controller = TextEditingController().obs;
+  final FocusNode searchFocusNode = FocusNode();
+  RxString searchKeyWord = ''.obs;
+  String hintText = '搜索';
+  RxString loadingStatus = 'init'.obs;
+  late int mid = 1;
+  RxString uname = ''.obs;
+  int ps = 20;
+  int pn = 1;
+  RxList<FollowItemModel> followList = <FollowItemModel>[].obs;
+  RxInt total = 0.obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    mid = int.parse(Get.parameters['mid']!);
+  }
+
+  // 清空搜索
+  void onClear() {
+    if (searchKeyWord.value.isNotEmpty && controller.value.text != '') {
+      controller.value.clear();
+      searchKeyWord.value = '';
+    } else {
+      Get.back();
+    }
+  }
+
+  void onChange(value) {
+    searchKeyWord.value = value;
+  }
+
+  //  提交搜索内容
+  void submit() {
+    loadingStatus.value = 'loading';
+    searchFollow();
+  }
+
+  Future searchFollow({type = 'init'}) async {
+    if (controller.value.text == '') {
+      return {'status': true, 'data': <FollowItemModel>[].obs};
+    }
+    if (type == 'init') {
+      ps = 1;
+    }
+    var res = await MemberHttp.getfollowSearch(
+      mid: mid,
+      ps: ps,
+      pn: pn,
+      name: controller.value.text,
+    );
+    if (res['status']) {
+      if (type == 'init') {
+        followList.value = res['data'].list;
+      } else {
+        followList.addAll(res['data'].list);
+      }
+      total.value = res['data'].total;
+    }
+    return res;
+  }
+
+  void onLoad() {
+    searchFollow(type: 'onLoad');
+  }
+}

lib/pages/follow_search/index.dart

@@ -0,0 +1,4 @@
+library follow_search;
+
+export './controller.dart';
+export './view.dart';

lib/pages/follow_search/view.dart

@@ -0,0 +1,121 @@
+import 'package:easy_debounce/easy_throttle.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/pages/follow_search/index.dart';
+
+import '../follow/widgets/follow_item.dart';
+
+class FollowSearchPage extends StatefulWidget {
+  const FollowSearchPage({super.key});
+
+  @override
+  State<FollowSearchPage> createState() => _FollowSearchPageState();
+}
+
+class _FollowSearchPageState extends State<FollowSearchPage> {
+  final FollowSearchController _followSearchController =
+      Get.put(FollowSearchController());
+  late Future? _futureBuilder;
+  final ScrollController scrollController = ScrollController();
+
+  @override
+  void initState() {
+    super.initState();
+    _futureBuilder = _followSearchController.searchFollow();
+    scrollController.addListener(
+      () {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          EasyThrottle.throttle(
+              'my-throttler', const Duration(milliseconds: 500), () {
+            _followSearchController.onLoad();
+          });
+        }
+      },
+    );
+  }
+
+  void reRequest() {
+    setState(() {
+      _futureBuilder = _followSearchController.searchFollow();
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        titleSpacing: 0,
+        actions: [
+          IconButton(
+            onPressed: reRequest,
+            icon: const Icon(CupertinoIcons.search, size: 22),
+          ),
+          const SizedBox(width: 6),
+        ],
+        title: TextField(
+          autofocus: true,
+          focusNode: _followSearchController.searchFocusNode,
+          controller: _followSearchController.controller.value,
+          textInputAction: TextInputAction.search,
+          onChanged: (value) => _followSearchController.onChange(value),
+          decoration: InputDecoration(
+            hintText: _followSearchController.hintText,
+            border: InputBorder.none,
+            suffixIcon: IconButton(
+              icon: Icon(
+                Icons.clear,
+                size: 22,
+                color: Theme.of(context).colorScheme.outline,
+              ),
+              onPressed: () => _followSearchController.onClear(),
+            ),
+          ),
+          onSubmitted: (String value) => reRequest(),
+        ),
+      ),
+      body: FutureBuilder(
+          future: _futureBuilder,
+          builder: (BuildContext context, AsyncSnapshot snapshot) {
+            if (snapshot.connectionState == ConnectionState.done) {
+              var data = snapshot.data;
+              if (data == null) {
+                return CustomScrollView(
+                  slivers: [
+                    HttpError(errMsg: snapshot.data['msg'], fn: reRequest)
+                  ],
+                );
+              }
+              if (data['status']) {
+                RxList followList = _followSearchController.followList;
+                return Obx(
+                  () => followList.isNotEmpty
+                      ? ListView.builder(
+                          controller: scrollController,
+                          itemCount: followList.length,
+                          itemBuilder: ((context, index) {
+                            return FollowItem(
+                              item: followList[index],
+                            );
+                          }),
+                        )
+                      : CustomScrollView(
+                          slivers: [HttpError(errMsg: '未搜索到结果', fn: reRequest)],
+                        ),
+                );
+              } else {
+                return CustomScrollView(
+                  slivers: [
+                    HttpError(errMsg: snapshot.data['msg'], fn: reRequest)
+                  ],
+                );
+              }
+            } else {
+              return const SizedBox();
+            }
+          }),
+    );
+  }
+}