dating_touchme_app/lib/widget/message/gift_item.dart

import 'dart:convert';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:im_flutter_sdk/im_flutter_sdk.dart';

import '../../generated/assets.dart';

class GiftItem extends StatelessWidget {
  final EMMessage message;
  final bool isSentByMe;
  final bool showTime;
  final String formattedTime;
  final VoidCallback? onResend;

  const GiftItem({
    required this.message,
    required this.isSentByMe,
    required this.showTime,
    required this.formattedTime,
    this.onResend,
    super.key,
  });

  /// 从消息内容中解析礼物信息（使用特殊的JSON格式）
  Map<String, dynamic>? _parseGiftInfo() {
    try {
      if (message.body.type == MessageType.TXT) {
        final textBody = message.body as EMTextMessageBody;
        final content = textBody.content;
        
        // 检查是否是礼物消息（以 [GIFT:] 开头）
        if (content.startsWith('[GIFT:]')) {
          final jsonStr = content.substring(7); // 移除 '[GIFT:]' 前缀
          return jsonDecode(jsonStr) as Map<String, dynamic>;
        }
      }
    } catch (e) {
      print('解析礼物信息失败: $e');
    }
    return null;
  }

  /// 获取礼物标题
  String _getGiftTitle() {
    final giftInfo = _parseGiftInfo();
    if (giftInfo != null) {
      return giftInfo['giftProductTitle']?.toString() ?? '礼物';
    }
    return '礼物';
  }

  /// 获取礼物图片
  String _getGiftImage() {
    final giftInfo = _parseGiftInfo();
    if (giftInfo != null) {
      return giftInfo['giftMainPic']?.toString() ?? '';
    }
    return '';
  }

  /// 获取礼物数量
  int _getGiftQuantity() {
    final giftInfo = _parseGiftInfo();
    if (giftInfo != null) {
      return giftInfo['quantity'] as int? ?? 1;
    }
    return 1;
  }

  @override
  Widget build(BuildContext context) {
    final giftInfo = _parseGiftInfo();
    if (giftInfo == null) {
      // 如果解析失败，不显示
      return SizedBox.shrink();
    }

    final giftTitle = _getGiftTitle();
    final giftImage = _getGiftImage();
    final quantity = _getGiftQuantity();

    return Column(
      children: [
        // 显示时间
        if (showTime) _buildTimeLabel(),
        Container(
          padding: EdgeInsets.symmetric(horizontal: 16.w, vertical: 8.h),
          child: Row(
            mainAxisAlignment:
                isSentByMe ? MainAxisAlignment.end : MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              if (!isSentByMe) _buildAvatar(),
              if (!isSentByMe) SizedBox(width: 8.w),
              // 发送消息时，状态在左侧
              if (isSentByMe)
                Align(
                  alignment: Alignment.center,
                  child: Container(
                    margin: EdgeInsets.only(top: 10.h),
                    child: _buildMessageStatus(),
                  ),
                ),
              if (isSentByMe) SizedBox(width: 10.w),
              // 礼物消息容器
              Container(
                constraints: BoxConstraints(maxWidth: 200.w),
                margin: EdgeInsets.only(top: 10.h),
                padding: EdgeInsets.all(12.w),
                decoration: BoxDecoration(
                  color: isSentByMe ? Color(0xff8E7BF6) : Colors.white,
                  borderRadius: BorderRadius.only(
                    topLeft:
                        isSentByMe ? Radius.circular(12.w) : Radius.circular(0),
                    topRight:
                        isSentByMe ? Radius.circular(0) : Radius.circular(12.w),
                    bottomLeft: Radius.circular(12.w),
                    bottomRight: Radius.circular(12.w),
                  ),
                ),
                child: Row(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    // 礼物图片
                    if (giftImage.isNotEmpty)
                      Container(
                        width: 40.w,
                        height: 40.w,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(8.w),
                          color: Colors.grey[200],
                        ),
                        child: ClipRRect(
                          borderRadius: BorderRadius.circular(8.w),
                          child: CachedNetworkImage(
                            imageUrl: giftImage,
                            fit: BoxFit.cover,
                            placeholder: (context, url) => Container(
                              color: Colors.grey[200],
                              child: Center(
                                child: SizedBox(
                                  width: 20.w,
                                  height: 20.w,
                                  child: CircularProgressIndicator(
                                    strokeWidth: 2,
                                    color: Colors.grey[600],
                                  ),
                                ),
                              ),
                            ),
                            errorWidget: (context, url, error) => Container(
                              color: Colors.grey[200],
                              child: Icon(
                                Icons.card_giftcard,
                                size: 20.w,
                                color: Colors.grey[400],
                              ),
                            ),
                          ),
                        ),
                      )
                    else
                      Container(
                        width: 40.w,
                        height: 40.w,
                        decoration: BoxDecoration(
                          borderRadius: BorderRadius.circular(8.w),
                          color: Colors.grey[200],
                        ),
                        child: Icon(
                          Icons.card_giftcard,
                          size: 20.w,
                          color: Colors.grey[400],
                        ),
                      ),
                    SizedBox(width: 8.w),
                    // 礼物信息
                    Flexible(
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Text(
                            giftTitle,
                            style: TextStyle(
                              fontSize: 14.sp,
                              color: isSentByMe ? Colors.white : Colors.black87,
                              fontWeight: FontWeight.w500,
                            ),
                            maxLines: 1,
                            overflow: TextOverflow.ellipsis,
                          ),
                          if (quantity > 1) ...[
                            SizedBox(height: 2.h),
                            Text(
                              'x$quantity',
                              style: TextStyle(
                                fontSize: 12.sp,
                                color: isSentByMe
                                    ? Colors.white70
                                    : Colors.grey[600],
                              ),
                            ),
                          ],
                        ],
                      ),
                    ),
                  ],
                ),
              ),
              if (isSentByMe) SizedBox(width: 8.w),
              if (isSentByMe) _buildAvatar(),
            ],
          ),
        ),
      ],
    );
  }

  // 构建时间标签
  Widget _buildTimeLabel() {
    return Container(
      alignment: Alignment.center,
      padding: EdgeInsets.symmetric(horizontal: 16.w),
      child: Container(
        padding: EdgeInsets.symmetric(horizontal: 12.w),
        child: Text(
          formattedTime,
          style: TextStyle(fontSize: 12.sp, color: Colors.grey),
        ),
      ),
    );
  }

  // 构建头像
  Widget _buildAvatar() {
    return Container(
      width: 40.w,
      height: 40.w,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.circular(20.w),
        image: DecorationImage(
          image: AssetImage(Assets.imagesAvatarsExample),
          fit: BoxFit.cover,
        ),
      ),
    );
  }

  // 构建消息状态（发送中、已发送、失败重发）
  Widget _buildMessageStatus() {
    if (!isSentByMe) {
      return SizedBox.shrink();
    }

    final status = message.status;

    if (status == MessageStatus.FAIL) {
      // 发送失败，显示重发按钮
      return GestureDetector(
        onTap: onResend,
        child: Container(
          width: 20.w,
          height: 20.w,
          decoration: BoxDecoration(
            color: Colors.red.withOpacity(0.1),
            shape: BoxShape.circle,
          ),
          child: Icon(
            Icons.refresh,
            size: 14.w,
            color: Colors.red,
          ),
        ),
      );
    } else if (status == MessageStatus.PROGRESS) {
      // 发送中，显示加载动画
      return Container(
        width: 16.w,
        height: 16.w,
        child: CircularProgressIndicator(
          strokeWidth: 2,
          valueColor: AlwaysStoppedAnimation<Color>(Colors.grey),
        ),
      );
    } else {
      // 发送成功，不显示任何状态
      return SizedBox.shrink();
    }
  }
}