基础页面

lib/views/home/widgets/group_avatar.dart

@@ -0,0 +1,68 @@
+import 'package:chat/configs/app_colors.dart';
+import 'package:chat/services/tim/group_service.dart';
+import 'package:chat/widgets/custom_avatar.dart';
+import 'package:flutter/material.dart';
+import 'package:tencent_im_sdk_plugin/models/v2_tim_group_member_full_info.dart';
+
+class GroupAvatar extends StatefulWidget {
+  final String groupID;
+  final double size;
+  const GroupAvatar(
+    this.groupID, {
+    this.size = 44,
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  State<GroupAvatar> createState() => _GroupAvatarState();
+}
+
+class _GroupAvatarState extends State<GroupAvatar> {
+  List<V2TimGroupMemberFullInfo?>? members;
+
+  @override
+  void initState() {
+    super.initState();
+
+    TimGroupService.to.members(widget.groupID, count: 9).then((value) {
+      setState(() {
+        members = value;
+      });
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: widget.size,
+      height: widget.size,
+      decoration: BoxDecoration(
+        border: Border.all(
+          color: AppColors.border,
+          width: 0.4,
+        ),
+        borderRadius: BorderRadius.circular(4),
+      ),
+      child: members == null
+          ? CustomAvatar('')
+          : GridView.builder(
+              padding: const EdgeInsets.all(1),
+              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount:
+                    (members != null && members!.length > 4) ? 3 : 2,
+                childAspectRatio: 1,
+                crossAxisSpacing: 1,
+                mainAxisSpacing: 1,
+              ),
+              itemCount: members!.length,
+              itemBuilder: (context, index) {
+                return CustomAvatar(
+                  members![index]?.faceUrl,
+                  size: widget.size / 3,
+                  radius: 2,
+                );
+              },
+            ),
+    );
+  }
+}