feat: 关注页面

lib/pages/follow/controller.dart

@@ -0,0 +1,36 @@
+import 'package:get/get.dart';
+import 'package:hive/hive.dart';
+import 'package:pilipala/http/follow.dart';
+import 'package:pilipala/models/follow/result.dart';
+import 'package:pilipala/utils/storage.dart';
+
+class FollowController extends GetxController {
+  Box user = GStrorage.user;
+  int pn = 1;
+  int total = 0;
+  RxList<FollowItemModel> followList = [FollowItemModel()].obs;
+
+  Future queryFollowings(type) async {
+    if (type == 'init') {
+      pn = 1;
+    }
+    var res = await FollowHttp.followings(
+      vmid: user.get(UserBoxKey.userMid),
+      pn: pn,
+      ps: 20,
+      orderType: 'attention',
+    );
+    if (res['status']) {
+      if (type == 'init') {
+        followList.value = res['data'].list;
+        total = res['data'].total;
+      } else if (type == 'onRefresh') {
+        followList.insertAll(0, res['data'].list);
+      } else if (type == 'onLoad') {
+        followList.addAll(res['data'].list);
+      }
+      pn += 1;
+    }
+    return res;
+  }
+}

lib/pages/follow/index.dart

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

lib/pages/follow/view.dart

@@ -0,0 +1,84 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:pilipala/common/widgets/http_error.dart';
+import 'package:pilipala/models/follow/result.dart';
+
+import 'controller.dart';
+import 'widgets/follow_item.dart';
+
+class FollowPage extends StatefulWidget {
+  const FollowPage({super.key});
+
+  @override
+  State<FollowPage> createState() => _FollowPageState();
+}
+
+class _FollowPageState extends State<FollowPage> {
+  final FollowController _followController = Get.put(FollowController());
+  final ScrollController scrollController = ScrollController();
+  Future? _futureBuilderFuture;
+  bool _isLoadingMore = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _futureBuilderFuture = _followController.queryFollowings('init');
+    scrollController.addListener(
+      () async {
+        if (scrollController.position.pixels >=
+            scrollController.position.maxScrollExtent - 200) {
+          if (!_isLoadingMore) {
+            _isLoadingMore = true;
+            await _followController.queryFollowings('onLoad');
+            _isLoadingMore = false;
+          }
+        }
+      },
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        elevation: 0,
+        scrolledUnderElevation: 0,
+        centerTitle: false,
+        title: const Text('关注的用户'),
+      ),
+      body: RefreshIndicator(
+          onRefresh: () async =>
+              await _followController.queryFollowings('init'),
+          child: FutureBuilder(
+            future: _futureBuilderFuture,
+            builder: (context, snapshot) {
+              if (snapshot.connectionState == ConnectionState.done) {
+                var data = snapshot.data;
+                if (data['status']) {
+                  List<FollowItemModel> list = _followController.followList;
+                  return Obx(
+                    () => list.length == 1
+                        ? SizedBox()
+                        : ListView.builder(
+                            controller: scrollController,
+                            itemCount: list.length,
+                            itemBuilder: (BuildContext context, int index) {
+                              return followItem(item: list[index]);
+                            },
+                          ),
+                  );
+                } else {
+                  return HttpError(
+                    errMsg: data['msg'],
+                    fn: () => _followController.queryFollowings('init'),
+                  );
+                }
+              } else {
+                // 骨架屏
+                return SizedBox();
+              }
+            },
+          )),
+    );
+  }
+}

lib/pages/follow/widgets/follow_item.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:pilipala/common/widgets/network_img_layer.dart';
+
+Widget followItem({item}) {
+  return ListTile(
+    onTap: () {},
+    leading: NetworkImgLayer(
+      width: 38,
+      height: 38,
+      type: 'avatar',
+      src: item.face,
+    ),
+    title: Text(item.uname),
+    subtitle: Text(
+      item.sign,
+      maxLines: 1,
+      overflow: TextOverflow.ellipsis,
+    ),
+    dense: true,
+    trailing: const SizedBox(width: 6),
+  );
+}