dating_touchme_app/lib/widget/message/text_item.dart

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

import '../../../generated/assets.dart';
import '../../../controller/global.dart';
import '../../../controller/message/chat_controller.dart';
import 'emoji_text_widget.dart';

class TextItem extends StatelessWidget {
  final EMTextMessageBody textBody;
  final bool isSentByMe;
  final bool showTime;
  final String formattedTime;
  final EMMessage message; // 添加消息对象以获取状态
  final VoidCallback? onResend; // 添加重发回调

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

  @override
  Widget build(BuildContext context) {
    // 检查是否有金币信息（只对接收的消息显示）
    final revenueInfo = _getRevenueInfo();
    
    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),
              Column(
                crossAxisAlignment: isSentByMe ? CrossAxisAlignment.end : CrossAxisAlignment.start,
                children: [
                  Container(
                    constraints: BoxConstraints(maxWidth: 240.w),
                    margin: EdgeInsets.only(top: 10.h),
                    padding: EdgeInsets.symmetric(
                      horizontal: 12.w,
                      vertical: 8.h,
                    ),
                    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: EmojiTextWidget(
                      text: textBody.content,
                      textStyle: TextStyle(
                        fontSize: 14.sp,
                        color: isSentByMe ? Colors.white : Colors.black, // 发送方白色文字，接收方黑色文字
                      ),
                      emojiSize: 24.w,
                    ),
                  ),
                  // 金币标签（只对接收的消息显示）
                  if (!isSentByMe && revenueInfo != null)
                    Padding(
                      padding: EdgeInsets.only(top: 10.h),
                      child: _buildCoinLabel(revenueInfo),
                    ),
                ],
              ),
              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() {
    String? avatarUrl;
    
    if (isSentByMe) {
      // 发送的消息：使用当前登录用户的头像
      // 优先从消息 attributes 中获取
      try {
        final attributes = message.attributes;
        if (attributes != null) {
          avatarUrl = attributes['sender_avatarUrl'] as String? ?? 
                     attributes['avatarUrl'] as String?;
        }
      } catch (e) {
        // 忽略错误
      }
      
      // 如果消息中没有，使用当前登录用户的头像
      if (avatarUrl == null || avatarUrl.isEmpty) {
        avatarUrl = GlobalData().userData?.profilePhoto;
      }
    } else {
      // 接收的消息：使用发送者的头像
      try {
        final attributes = message.attributes;
        if (attributes != null) {
          avatarUrl = attributes['sender_avatarUrl'] as String? ?? 
                     attributes['avatarUrl'] as String?;
        }
      } catch (e) {
        // 忽略错误
      }
      
      // 如果消息中没有，尝试从 ChatController 获取对方用户头像
      if ((avatarUrl == null || avatarUrl.isEmpty)) {
        try {
          // 尝试从 Get 获取 ChatController
          final chatController = Get.find<ChatController>();
          avatarUrl = chatController.userAvatarUrl;
        } catch (e) {
          // ChatController 可能不存在，忽略错误
        }
      }
    }
    
    // 清理头像URL（移除反引号）
    if (avatarUrl != null && avatarUrl.isNotEmpty) {
      avatarUrl = avatarUrl.trim().replaceAll('`', '');
    }
    
    return ClipOval(
      child: avatarUrl != null && avatarUrl.isNotEmpty
          ? Image.network(
              avatarUrl,
              width: 40.w,
              height: 40.w,
              fit: BoxFit.cover,
              errorBuilder: (context, error, stackTrace) {
                return Image.asset(
                  Assets.imagesUserAvatar,
                  width: 40.w,
                  height: 40.w,
                  fit: BoxFit.cover,
                );
              },
            )
          : Image.asset(
              Assets.imagesUserAvatar,
              width: 40.w,
              height: 40.w,
              fit: BoxFit.cover,
            ),
    );
  }

  // 获取金币信息（从 revenueInfo 或 coin_value 中获取）
  String? _getRevenueInfo() {
    try {
      final attributes = message.attributes;
      if (attributes != null) {
        // 优先从 revenueInfo 获取
        final revenueInfo = attributes['revenueInfo'] as String?;
        if (revenueInfo != null && revenueInfo.isNotEmpty) {
          return revenueInfo;
        }
        // 如果没有 revenueInfo，从 coin_value 获取（可能是之前存储的 revenueInfo 值）
        final coinValueStr = attributes['coin_value'] as String?;
        if (coinValueStr != null && coinValueStr.isNotEmpty) {
          return coinValueStr;
        }
      }
    } catch (e) {
      // 忽略错误
    }
    return null;
  }

  // 构建金币标签
  Widget _buildCoinLabel(String revenueInfo) {
    return Container(
      padding: EdgeInsets.symmetric(horizontal: 6.w, vertical: 3.h),
      decoration: BoxDecoration(
        color: Color.fromRGBO(0, 0, 0, 0.05),
        borderRadius: BorderRadius.circular(12.w),
      ),
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          Image.asset(
            Assets.imagesImCoinIcon,
            width: 10.w,
            height: 10.w,
          ),
          SizedBox(width: 2.w),
          Text(
            revenueInfo,
            style: TextStyle(
              fontSize: 9.sp,
              color: Color.fromRGBO(255, 132, 0, 1),
            ),
          ),
        ],
      ),
    );
  }

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

    // 检查消息状态
    final status = message.status;
    
    if (status == MessageStatus.FAIL) {
      // 发送失败，显示重发按钮
      return GestureDetector(
        onTap: onResend,
        child: Container(
          width: 44.w,
          height: 26.h,
          decoration: BoxDecoration(
            color: Color.fromRGBO(248, 85, 66, 1),
            borderRadius: BorderRadius.circular(8.w),
          ),
          child: Center(
            child: Text(
              '重发',
              style: TextStyle(
                fontSize: 12.sp,
                color: Colors.white,
              ),
            ),
          ),
        ),
      );
    } 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();
    }
  }
}