Browse Source
feat(live): 添加用户ID支持并重构聊天消息功能
feat(live): 添加用户ID支持并重构聊天消息功能
- 在 LiveChatMessage 模型中添加 uid 字段支持 - 更新消息序列化逻辑以包含用户ID信息 - 重构用户资料对话框为独立组件并优化显示逻辑 - 改进聊天消息滚动和自动定位到底部的机制 - 优化礼物赠送消息的发送和显示逻辑 - 移除过时的用户信息查找代码并提升性能 - 调整直播间页面布局结构和组件组织方式master
Jolie
3 months ago
7 changed files with 336 additions and 294 deletions
Split View
Diff Options
-
118lib/controller/discover/room_controller.dart
-
13lib/model/live/live_chat_message.dart
-
69lib/pages/discover/live_room_page.dart
-
4lib/service/live_chat_message_service.dart
-
208lib/widget/live/live_room_chat_item.dart
-
23lib/widget/live/live_room_notice_chat_panel.dart
-
195lib/widget/live/live_room_user_profile_dialog.dart
@ -0,0 +1,195 @@ |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/model/live/live_chat_message.dart'; |
|||
import 'package:dating_touchme_app/pages/message/chat_page.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
/// 显示用户资料对话框 |
|||
void showUserProfileDialog( |
|||
BuildContext context, |
|||
LiveChatMessage message, |
|||
VoidCallback onShowGiftPopup, |
|||
) { |
|||
SmartDialog.show( |
|||
alignment: Alignment.bottomCenter, |
|||
builder: (context) { |
|||
return Stack( |
|||
children: [ |
|||
Container( |
|||
decoration: BoxDecoration( |
|||
color: Colors.white, |
|||
borderRadius: BorderRadius.only( |
|||
topLeft: Radius.circular(20.w), |
|||
topRight: Radius.circular(20.w), |
|||
), |
|||
), |
|||
height: 200.w, |
|||
margin: EdgeInsets.only(top: 40.w), |
|||
padding: EdgeInsets.symmetric(horizontal: 15.w), |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
SizedBox(height: 10.w), |
|||
// 用户头像和信息 |
|||
Row( |
|||
children: [ |
|||
SizedBox(width: 110.w), |
|||
// 用户名和标签 |
|||
Expanded( |
|||
child: Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Text( |
|||
message.userName, |
|||
style: TextStyle( |
|||
fontSize: 18.w, |
|||
fontWeight: FontWeight.w600, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
), |
|||
), |
|||
SizedBox(height: 8.w), |
|||
// 标签 |
|||
Wrap( |
|||
spacing: 6.w, |
|||
runSpacing: 6.w, |
|||
children: [ |
|||
_buildTag( |
|||
'在线', |
|||
const Color.fromRGBO(198, 246, 213, 1), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () => SmartDialog.dismiss(), |
|||
child: Icon( |
|||
Icons.close, |
|||
size: 24.w, |
|||
color: const Color.fromRGBO(153, 153, 153, 1), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
SizedBox(height: 25.w), |
|||
// 送礼物按钮 |
|||
GestureDetector( |
|||
onTap: () { |
|||
SmartDialog.dismiss(); |
|||
onShowGiftPopup(); |
|||
}, |
|||
child: Container( |
|||
width: double.infinity, |
|||
height: 44.w, |
|||
decoration: BoxDecoration( |
|||
gradient: const LinearGradient( |
|||
colors: [ |
|||
Color.fromRGBO(117, 98, 249, 1), |
|||
Color.fromRGBO(152, 124, 255, 1), |
|||
], |
|||
begin: Alignment.centerLeft, |
|||
end: Alignment.centerRight, |
|||
), |
|||
borderRadius: BorderRadius.circular(22.w), |
|||
), |
|||
child: Center( |
|||
child: Text( |
|||
'送礼物', |
|||
style: TextStyle( |
|||
fontSize: 16.w, |
|||
color: Colors.white, |
|||
fontWeight: FontWeight.w500, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
SizedBox(height: 15.w), |
|||
// 底部操作链接 |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
_buildActionLink('私聊', () { |
|||
SmartDialog.dismiss(); |
|||
Get.to(() => ChatPage( |
|||
userId: message.userId, |
|||
)); |
|||
}), |
|||
Container( |
|||
width: 1.w, |
|||
height: 12.w, |
|||
color: const Color.fromRGBO(229, 229, 229, 1), |
|||
margin: EdgeInsets.symmetric(horizontal: 15.w), |
|||
), |
|||
_buildActionLink('送礼物加好友', () { |
|||
SmartDialog.dismiss(); |
|||
onShowGiftPopup(); |
|||
}), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
), |
|||
Container( |
|||
margin: EdgeInsets.only(left: 30.w), |
|||
child: ClipOval( |
|||
child: message.avatar != null && message.avatar!.isNotEmpty |
|||
? Image.network( |
|||
message.avatar!, |
|||
width: 80.w, |
|||
height: 80.w, |
|||
fit: BoxFit.cover, |
|||
errorBuilder: (context, error, stackTrace) { |
|||
return Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 60.w, |
|||
height: 60.w, |
|||
); |
|||
}, |
|||
) |
|||
: Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 60.w, |
|||
height: 60.w, |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
}, |
|||
); |
|||
} |
|||
|
|||
Widget _buildTag(String text, Color bgColor) { |
|||
return Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 8.w, vertical: 3.w), |
|||
decoration: BoxDecoration( |
|||
color: bgColor, |
|||
borderRadius: BorderRadius.circular(10.w), |
|||
), |
|||
child: Text( |
|||
text, |
|||
style: TextStyle( |
|||
fontSize: 11.w, |
|||
color: const Color.fromRGBO(51, 51, 51, 1), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Widget _buildActionLink(String text, VoidCallback onTap) { |
|||
return GestureDetector( |
|||
onTap: onTap, |
|||
child: Text( |
|||
text, |
|||
style: TextStyle( |
|||
fontSize: 12.w, |
|||
color: const Color.fromRGBO(153, 153, 153, 1), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
Write
Preview
Loading…
Cancel
Save