会话页面

lib/views/conversation/widgets/show_group_card_message.dart

@@ -0,0 +1,59 @@
+import 'dart:convert';
+
+import 'package:chat/configs/app_colors.dart';
+import 'package:chat/configs/app_size.dart';
+import 'package:chat/models/im/group_card_model.dart';
+import 'package:chat/views/home/widgets/group_avatar.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:tencent_im_sdk_plugin/models/v2_tim_message.dart';
+
+class ShowGroupCardMessage extends StatelessWidget {
+  final V2TimMessage message;
+  const ShowGroupCardMessage(this.message, {Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    var model = GroupCardModel.fromJson(
+      json.decode(message.customElem!.data!),
+    );
+    return Container(
+      width: Get.width * 0.618,
+      padding: const EdgeInsets.all(12),
+      decoration: BoxDecoration(
+        borderRadius: BorderRadius.circular(4),
+        color: AppColors.white,
+      ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              GroupAvatar(model.groupID),
+              const SizedBox(
+                width: 8,
+              ),
+              Text(
+                model.groupName,
+                style: const TextStyle(
+                  color: AppColors.primary,
+                  overflow: TextOverflow.ellipsis,
+                ),
+                maxLines: 1,
+              )
+            ],
+          ),
+          const Divider(height: 16),
+          const Text(
+            '个人名片',
+            style: TextStyle(
+              fontSize: AppSize.smallFontSize,
+              color: AppColors.primary,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}