feat: 完善关注

Author: Tecode

lib/helpers/constants.dart

@@ -11,6 +11,8 @@ class AppColors {
   static const int colorRed = 0xffDD4E43;
   static const int colorYellow = 0xffFDAF01;
   static const int colorBlue = 0xff00A2FF;
+  static const int boderGrayColor = 0xff525467;
+  static const int colorBlue2 = 0xff478CE0;
 }
 
 // 数值常量

lib/widgets/Leaderboard/CrownAvatar.dart

@@ -10,10 +10,12 @@ class CrownAvatar extends StatefulWidget {
   final AvatarType crownAvatarType;
   final int color;
   final String avatarUrl;
+  final bool follow;
 
   CrownAvatar(
       {@required this.crownAvatarType,
       @required this.avatarUrl,
+      this.follow = false,
       this.color = AppColors.colorRed});
 
   @override
@@ -33,6 +35,39 @@ class _CrownAvatarState extends State<CrownAvatar> {
   double circleFontSize = 14.0;
   double crownTextSize = 16.0;
 
+  Widget get _followButton {
+    if (widget.follow) {
+      return Container(
+        margin: EdgeInsets.only(top: 4.0),
+        width: 60.0,
+        height: 26.0,
+        decoration: BoxDecoration(
+            color: Color(AppColors.colorBlue2),
+            borderRadius: BorderRadius.circular(4.0)),
+        child: Align(
+          child: Text(
+            "已关注",
+            style: TextStyle(color: Color(AppColors.fontColor), fontSize: 14.0),
+          ),
+        ),
+      );
+    }
+    return Container(
+      margin: EdgeInsets.only(top: 4.0),
+      width: 60.0,
+      height: 26.0,
+      decoration: BoxDecoration(
+          border: Border.all(color: Color(AppColors.boderGrayColor)),
+          borderRadius: BorderRadius.circular(4.0)),
+      child: Align(
+        child: Text(
+          "关注",
+          style: TextStyle(color: Color(AppColors.fontColor), fontSize: 14.0),
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     // 判断头像的类型给出对应的尺寸
@@ -60,16 +95,16 @@ class _CrownAvatarState extends State<CrownAvatar> {
                 fit: BoxFit.cover,
               ),
             ),
+            SizedBox(
+              height: 10.0,
+              width: 60.0,
+            ),
             Text(
               "阿明",
               style:
                   TextStyle(color: Color(AppColors.fontColor), fontSize: 16.0),
             ),
-            MaterialButton(
-              onPressed: () {},
-              child: Text("关注"),
-              color: Color(AppColors.lightGray),
-            )
+            _followButton,
           ],
         ),
       );

lib/widgets/Leaderboard/LeaderboardContent.dart

@@ -44,6 +44,7 @@ class LeaderboardContent extends StatelessWidget {
                     (_) => CrownAvatar(
                           crownAvatarType: AvatarType.normal,
                           color: AppColors.colorYellow,
+                          follow: true,
                           avatarUrl:
                               "http://admin.soscoon.com/uploadImages/0136afa3b04e2d754feaed525fa02f474dd08aa0.jpg",
                         ))),
@@ -59,6 +60,7 @@ class LeaderboardContent extends StatelessWidget {
                     (_) => CrownAvatar(
                           crownAvatarType: AvatarType.normal,
                           color: AppColors.colorYellow,
+                          follow: true,
                           avatarUrl:
                               "http://admin.soscoon.com/uploadImages/0136afa3b04e2d754feaed525fa02f474dd08aa0.jpg",
                         ))),