wangyang
/
tencent_cloud_chat_uikit_flutter
1
0
Fork 0
Code Pull Requests Actions Releases Activity

style(chat): 缩短聊天页面中时间与群提示的间距

This commit is contained in:
Zeew 2025-08-15 16:28:01 +08:00
parent 0bfb3d0be4
commit ffd949f2a9
3 changed files with 38 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
lib/ui/constants/ui_spacing_constant.dart Normal file
View File

@ -0,0 +1,30 @@
// ignore_for_file: constant_identifier_names
import 'package:flutter/material.dart';
/// UI间距和边距常量定义
class UISpacingConstant {
/// 聊天消息项的垂直边距
static const EdgeInsets chatMessageVerticalMargin =
EdgeInsets.symmetric(vertical: 10);
/// 撤回消息的垂直边距
static const EdgeInsets revokedMessageVerticalMargin =
EdgeInsets.symmetric(vertical: 10);
/// 时间分隔符的垂直边距
static const EdgeInsets timeDividerVerticalMargin =
EdgeInsets.symmetric(vertical: 10);
/// 未读消息分隔符的垂直边距
static const EdgeInsets unreadDividerVerticalMargin =
EdgeInsets.symmetric(vertical: 10);
/// 群提示消息的边距（垂直和水平）
static const EdgeInsets groupTipsMessageMargin =
EdgeInsets.symmetric(vertical: 6, horizontal: 30);
/// 群提示消息容器的底部内边距
static const EdgeInsets groupTipsMessagePadding =
EdgeInsets.only(bottom: 12);
}

3
lib/ui/utils/message.dart
View File

@ -29,6 +29,7 @@ import 'package:collection/collection.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/common_utils.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/logger.dart';
import 'package:tencent_cloud_chat_uikit/theme/tui_theme.dart';
import 'package:tencent_cloud_chat_uikit/ui/constants/ui_spacing_constant.dart';
/// 群提示消息文本片段数据类
class TipsTextSegment {
@ -536,7 +537,7 @@ class MessageUtils {
}
static Widget wrapMessageTips(Widget child, TUITheme? theme) {
return Container(margin: const EdgeInsets.symmetric(vertical: 10, horizontal: 30), child: child);
return Container(margin: UISpacingConstant.groupTipsMessageMargin, child: child);
}
static String getAbstractMessageAsync(V2TimMessage message, List<V2TimGroupMemberFullInfo?> groupMemberList) {

11
lib/ui/views/TIMUIKitChat/TIMUIKItMessageList/tim_uikit_chat_history_message_list_item.dart
View File

@ -28,6 +28,7 @@ import 'package:tencent_cloud_chat_uikit/data_services/message/message_services.
import 'package:tencent_cloud_chat_uikit/data_services/services_locatar.dart';
import 'package:tencent_cloud_chat_uikit/tencent_cloud_chat_uikit.dart';
import 'package:tencent_cloud_chat_uikit/ui/constants/history_message_constant.dart';
import 'package:tencent_cloud_chat_uikit/ui/constants/ui_spacing_constant.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/message.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/platform.dart';
import 'package:tencent_cloud_chat_uikit/ui/utils/screen_utils.dart';
@ -629,7 +630,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
Widget _groupTipsMessageBuilder(TUIChatSeparateViewModel model) {
final messageItem = widget.message;
return Container(
padding: const EdgeInsets.only(bottom: 20),
padding: UISpacingConstant.groupTipsMessagePadding,
child: TIMUIKitGroupTipsElem(
groupTipsElem: messageItem.groupTipsElem!,
groupMemberList: model.groupMemberList ?? [],
@ -638,7 +639,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
Widget _selfRevokeEditMessageBuilder(theme, TUIChatSeparateViewModel model) {
return Container(
margin: const EdgeInsets.symmetric(vertical: 20),
margin: UISpacingConstant.revokedMessageVerticalMargin,
alignment: Alignment.center,
child: Text.rich(TextSpan(children: [
TextSpan(
@ -658,7 +659,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
Widget _revokedMessageBuilder(theme, String option2) {
return Container(
margin: const EdgeInsets.symmetric(vertical: 20),
margin: UISpacingConstant.revokedMessageVerticalMargin,
alignment: Alignment.center,
child: Text(
TIM_t_para("{{option2}}撤回了一条消息", "$option2撤回了一条消息")(option2: option2),
@ -669,7 +670,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
Widget _timeDividerBuilder(theme, int timeStamp, TUIChatSeparateViewModel model) {
return Container(
alignment: Alignment.center,
margin: const EdgeInsets.symmetric(vertical: 20),
margin: UISpacingConstant.timeDividerVerticalMargin,
child: Text(
model.chatConfig.timeDividerConfig?.timestampParser != null
? (model.chatConfig.timeDividerConfig?.timestampParser!(timeStamp))!
@ -686,7 +687,7 @@ class _TIMUIKItHistoryMessageListItemState extends TIMUIKitState<TIMUIKitHistory
Widget _latestDividerBuilder(TUITheme theme) {
return Container(
alignment: Alignment.center,
margin: const EdgeInsets.symmetric(vertical: 20),
margin: UISpacingConstant.unreadDividerVerticalMargin,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [