You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
485 lines
18 KiB
485 lines
18 KiB
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 'package:get/get.dart';
|
|
|
|
import '../../generated/assets.dart';
|
|
import '../../controller/discover/room_controller.dart';
|
|
import '../../controller/global.dart';
|
|
import '../../controller/message/chat_controller.dart';
|
|
import '../../controller/overlay_controller.dart';
|
|
import '../../rtc/rtc_manager.dart';
|
|
import '../../pages/discover/live_room_page.dart';
|
|
|
|
class RoomItem extends StatelessWidget {
|
|
final EMMessage message;
|
|
final bool isSentByMe;
|
|
final bool showTime;
|
|
final String formattedTime;
|
|
final VoidCallback? onResend;
|
|
|
|
const RoomItem({
|
|
required this.message,
|
|
required this.isSentByMe,
|
|
required this.showTime,
|
|
required this.formattedTime,
|
|
this.onResend,
|
|
super.key,
|
|
});
|
|
|
|
/// 从自定义消息中解析房间信息
|
|
Map<String, String>? _parseRoomInfo() {
|
|
try {
|
|
if (message.body.type == MessageType.CUSTOM) {
|
|
final customBody = message.body as EMCustomMessageBody;
|
|
// 检查是否是直播间邀请消息
|
|
if (customBody.event == 'live_room_invite') {
|
|
final params = customBody.params;
|
|
print('📋 [RoomItem] 解析到的房间信息: $params');
|
|
return params;
|
|
}
|
|
}
|
|
} catch (e) {
|
|
print('❌ [RoomItem] 解析房间信息失败: $e');
|
|
}
|
|
return null;
|
|
}
|
|
|
|
/// 获取频道ID
|
|
String _getChannelId() {
|
|
final roomInfo = _parseRoomInfo();
|
|
return roomInfo?['channelId'] ?? '';
|
|
}
|
|
|
|
/// 获取主持人昵称
|
|
String _getAnchorName() {
|
|
final roomInfo = _parseRoomInfo();
|
|
return roomInfo?['anchorName'] ?? '主持人';
|
|
}
|
|
|
|
/// 获取主持人头像
|
|
String _getAnchorAvatar() {
|
|
final roomInfo = _parseRoomInfo();
|
|
final avatar = roomInfo?['anchorAvatar'] ?? '';
|
|
// 清理头像URL（移除反引号）
|
|
return avatar.trim().replaceAll('`', '');
|
|
}
|
|
|
|
/// 获取封面图片（如果有的话，否则使用头像）
|
|
String _getCoverImage() {
|
|
final roomInfo = _parseRoomInfo();
|
|
// 优先使用封面图片，如果没有则使用头像
|
|
final coverImage = roomInfo?['coverImage'] ?? roomInfo?['anchorAvatar'] ?? '';
|
|
final cleanedUrl = coverImage.trim().replaceAll('`', '');
|
|
print('📸 [RoomItem] 封面图片URL: $cleanedUrl');
|
|
return cleanedUrl;
|
|
}
|
|
|
|
/// 处理点击事件
|
|
void _handleTap() async {
|
|
final channelId = _getChannelId();
|
|
if (channelId.isEmpty) {
|
|
return;
|
|
}
|
|
|
|
// 获取当前直播间ID
|
|
final currentChannelId = RTCManager.instance.currentChannelId;
|
|
|
|
// 隐藏小窗口
|
|
if (Get.isRegistered<OverlayController>()) {
|
|
final overlayController = Get.find<OverlayController>();
|
|
overlayController.hide();
|
|
}
|
|
|
|
// 获取 RoomController
|
|
final roomController = Get.isRegistered<RoomController>()
|
|
? Get.find<RoomController>()
|
|
: Get.put(RoomController());
|
|
|
|
// 如果频道ID一致，取消小窗口并进入直播间
|
|
if (currentChannelId != null && currentChannelId == channelId) {
|
|
// 如果当前不在 LiveRoomPage，则导航到 LiveRoomPage
|
|
final currentRoute = Get.currentRoute;
|
|
if (currentRoute != '/LiveRoomPage' && !currentRoute.contains('LiveRoomPage')) {
|
|
Get.to(() => const LiveRoomPage(id: 0));
|
|
}
|
|
return;
|
|
}
|
|
|
|
// 如果不一致，退出当前直播间并进入新的直播间
|
|
if (currentChannelId != null && currentChannelId.isNotEmpty) {
|
|
// 退出当前直播间
|
|
await roomController.leaveChannel();
|
|
}
|
|
|
|
// 加入新的直播间
|
|
await roomController.joinChannel(channelId);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final roomInfo = _parseRoomInfo();
|
|
if (roomInfo == null) {
|
|
return SizedBox.shrink();
|
|
}
|
|
|
|
final anchorName = _getAnchorName();
|
|
final anchorAvatar = _getAnchorAvatar();
|
|
final coverImage = _getCoverImage();
|
|
|
|
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.start,
|
|
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),
|
|
// 直播间卡片
|
|
GestureDetector(
|
|
onTap: _handleTap,
|
|
child: Container(
|
|
constraints: BoxConstraints(maxWidth: 150.w, maxHeight: 150.w),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
borderRadius: BorderRadius.circular(12.w),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: Colors.black.withOpacity(0.1),
|
|
blurRadius: 8,
|
|
offset: Offset(0, 2),
|
|
),
|
|
],
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(12.w),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// 封面图片
|
|
Stack(
|
|
children: [
|
|
Container(
|
|
width: 150.w,
|
|
height: 150.w,
|
|
color: Colors.grey[200],
|
|
child: coverImage.isNotEmpty
|
|
? CachedNetworkImage(
|
|
imageUrl: coverImage,
|
|
width: 150.w,
|
|
height: 150.w,
|
|
fit: BoxFit.cover,
|
|
placeholder: (context, url) => Container(
|
|
width: 150.w,
|
|
height: 150.w,
|
|
color: Colors.grey[200],
|
|
child: Center(
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) {
|
|
print('❌ [RoomItem] 封面图片加载失败: $url, error: $error');
|
|
return Container(
|
|
width: 150.w,
|
|
height: 150.w,
|
|
color: Colors.grey[200],
|
|
child: Icon(
|
|
Icons.live_tv,
|
|
size: 40.w,
|
|
color: Colors.grey[400],
|
|
),
|
|
);
|
|
},
|
|
)
|
|
: Container(
|
|
width: 150.w,
|
|
height: 150.w,
|
|
color: Colors.grey[200],
|
|
child: Icon(
|
|
Icons.live_tv,
|
|
size: 40.w,
|
|
color: Colors.grey[400],
|
|
),
|
|
),
|
|
),
|
|
// 直播中标签
|
|
Positioned(
|
|
top: 8.w,
|
|
left: 8.w,
|
|
child: Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: 8.w,
|
|
vertical: 4.w,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: const Color.fromRGBO(117, 98, 249, 1),
|
|
borderRadius: BorderRadius.circular(4.w),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(
|
|
Icons.play_circle_filled,
|
|
size: 12.w,
|
|
color: Colors.white,
|
|
),
|
|
SizedBox(width: 4.w),
|
|
Text(
|
|
'直播间',
|
|
style: TextStyle(
|
|
fontSize: 11.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
left: 8.w,
|
|
bottom: 8.w,
|
|
child: Row(
|
|
children: [
|
|
// 头像
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(12.w),
|
|
child: Container(
|
|
width: 24.w,
|
|
height: 24.w,
|
|
color: Colors.grey[300],
|
|
child: anchorAvatar.isNotEmpty
|
|
? CachedNetworkImage(
|
|
imageUrl: anchorAvatar,
|
|
width: 24.w,
|
|
height: 24.w,
|
|
fit: BoxFit.cover,
|
|
placeholder: (context, url) => Container(
|
|
width: 24.w,
|
|
height: 24.w,
|
|
color: Colors.grey[300],
|
|
child: Center(
|
|
child: SizedBox(
|
|
width: 12.w,
|
|
height: 12.w,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 1.5,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
errorWidget: (context, url, error) {
|
|
print('❌ [RoomItem] 头像加载失败: $url, error: $error');
|
|
return Image.asset(
|
|
Assets.imagesUserAvatar,
|
|
width: 24.w,
|
|
height: 24.w,
|
|
fit: BoxFit.cover,
|
|
);
|
|
},
|
|
)
|
|
: Image.asset(
|
|
Assets.imagesUserAvatar,
|
|
width: 24.w,
|
|
height: 24.w,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
SizedBox(width: 5.w),
|
|
// 标题
|
|
Container(
|
|
constraints: BoxConstraints(
|
|
maxWidth: 100.w,
|
|
),
|
|
child: Text(
|
|
anchorName,
|
|
style: TextStyle(
|
|
fontSize: 11.sp,
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
)
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
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
|
|
? CachedNetworkImage(
|
|
imageUrl: avatarUrl,
|
|
width: 40.w,
|
|
height: 40.w,
|
|
fit: BoxFit.cover,
|
|
placeholder: (context, url) => Image.asset(
|
|
Assets.imagesUserAvatar,
|
|
width: 40.w,
|
|
height: 40.w,
|
|
fit: BoxFit.cover,
|
|
),
|
|
errorWidget: (context, url, error) => 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,
|
|
),
|
|
);
|
|
}
|
|
|
|
// 构建消息状态（发送中、已发送、失败重发）
|
|
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();
|
|
}
|
|
}
|
|
}
|
|
|