first commit

moehu/moehu_fontend/lib/views/Fans/.pydio

@@ -0,0 +1 @@
+3e58ab1d-150c-40e2-ac44-d4fe0d135641

moehu/moehu_fontend/lib/views/Fans/Fans.dart

@@ -0,0 +1,175 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_easyrefresh/easy_refresh.dart';
+import 'package:peach/config/_.dart';
+import 'package:peach/entity/_.dart';
+import 'package:peach/service/_.dart';
+import 'package:peach/utils/_.dart';
+import 'package:peach/widget/_.dart';
+
+/*
+ * 粉丝列表
+ */
+class Fans extends StatefulWidget {
+  final int userId;
+
+  const Fans({this.userId});
+
+  @override
+  _Fans createState() => _Fans(this.userId);
+}
+
+class _Fans extends State<Fans> with SingleTickerProviderStateMixin {
+  final int userId;
+  _Fans(this.userId);
+
+  EasyRefreshController _easyRefreshController;
+
+  List<FansUserListEntityResult> fansList = [];
+
+  PageEntity page = PageEntity();
+
+  @override
+  void initState() {
+    _easyRefreshController = EasyRefreshController();
+    super.initState();
+    getFansUserList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        toolbarHeight: Screen.setHeight(45),
+        backgroundColor: ColorConfig.ThemeColor,
+        elevation: 0,
+        centerTitle: true,
+        title: Text(
+          "粉丝列表",
+          textAlign: TextAlign.center,
+          style: TextStyle(
+            color: ColorConfig.WhiteBackColor,
+          ),
+        ),
+      ),
+      body: Container(
+        height: Screen.height(context) - Screen.setHeight(158),
+        child: easyRefresh(ListView(
+          children: [
+            ...fansList
+                .asMap()
+                .keys
+                .map(
+                  (e) => Column(
+                    children: [
+                      Panel(
+                        child: Row(
+                          children: [
+                            GestureDetector(
+                              onTap: () {
+                                Navigator.of(context).pushNamed(
+                                    "/personal/${fansList[e].userId}");
+                              },
+                              child: ClipRRect(
+                                borderRadius: BorderRadius.circular(40),
+                                child: ClipOval(
+                                  child: Image.network(
+                                    fansList[e].userHeadImg,
+                                    width: Screen.setWidth(40),
+                                    height: Screen.setWidth(40),
+                                    fit: BoxFit.cover,
+                                  ),
+                                ),
+                              ),
+                            ),
+                            Expanded(
+                              flex: 1,
+                              child: GestureDetector(
+                                onTap: () {
+                                  Navigator.of(context).pushNamed(
+                                      "/personal/${fansList[e].userId}");
+                                },
+                                child: Container(
+                                  margin: EdgeInsets.only(left: 10),
+                                  child: Column(
+                                    crossAxisAlignment:
+                                        CrossAxisAlignment.start,
+                                    children: [
+                                      Text("${fansList[e].userNickname}"),
+                                      Text("${fansList[e].userAutograph}"),
+                                    ],
+                                  ),
+                                ),
+                              ),
+                            ),
+                            // ElevatedButton(
+                            //   style: ButtonStyle(
+                            //     backgroundColor:
+                            //         MaterialStateProperty.resolveWith((states) {
+                            //       //默认不使用背景颜色
+                            //       return ColorConfig.ThemeColor;
+                            //     }),
+                            //   ),
+                            //   child: Text('关注'),
+                            //   onPressed: () {},
+                            // ),
+                          ],
+                        ),
+                      ),
+                      Divider(),
+                    ],
+                  ),
+                )
+                .toList(),
+          ],
+        )),
+      ),
+    );
+  }
+
+  // 下拉刷新上啦加载
+  Widget easyRefresh(Widget child) {
+    return EasyRefresh(
+      header: BezierCircleHeader(backgroundColor: ColorConfig.ThemeColor),
+      footer: BezierBounceFooter(backgroundColor: ColorConfig.ThemeColor),
+      enableControlFinishRefresh: false,
+      enableControlFinishLoad: true,
+      controller: _easyRefreshController,
+      child: child,
+      bottomBouncing: true,
+      onRefresh: () async {
+        page.page = 1;
+        fansList = [];
+        page.isLoad = false;
+        await getFansUserList();
+        _easyRefreshController.finishRefresh(success: true);
+      },
+      onLoad: () async {
+        if (!page.isLoad) {
+          page.page += 1;
+          await getFansUserList();
+          _easyRefreshController.finishLoad();
+        } else {
+          new Future.delayed(Duration(seconds: 1), () {
+            _easyRefreshController.finishLoad();
+          });
+        }
+      },
+    );
+  }
+
+  getFansUserList() async {
+    FansUserListEntityData res = await UserService.getFansUserList({
+      'user_id': userId,
+      'page': page.page,
+      'count': page.count,
+    });
+    if (res == null) return;
+    if (res.result.length < page.count) {
+      page.isLoad = true;
+    }
+    setState(() {
+      fansList = [...fansList, ...res.result];
+    });
+  }
+}