消息特性
消息特性
本文介绍消息相关特性,包括消息复制、删除、撤回、编辑、引用、翻译、表情回复、话题和转发。
对于消息引用、翻译、表情回复、话题和转发,你可以决定是否开启或关闭该特性。
消息复制
消息复制是指用户可以将一条消息复制到剪贴板。消息复制可以帮助用户将消息保存到其他地方,或将其粘贴到其他应用程序中。
消息删除
消息删除是指用户可以删除一条消息。消息删除可以帮助用户删除错误发送的消息,或删除不想保留的消息。
消息撤回
消息撤回是指用户可以撤回一条已发送的消息。消息撤回可以帮助用户撤回错误发送的消息,或撤回不想让其他用户看到的消息。
消息编辑
消息编辑是指用户可以编辑一条已发送的消息。消息编辑可以帮助用户纠正错误,或添加新信息。
消息引用
消息引用指用户可以引用一条已发送的消息。消息引用可以帮助用户回复或强调特定的信息。
目前,单群聊 UIKit 支持引用消息进行回复。消息引用 UI 和逻辑结构如下:
MessageQuoteBubble
:消息气泡的引用消息自定义 View。
如何使用
消息引用特性默认开启,即 ContainerProps.enableMessageQuote
的默认值为 true
。要关闭该特性,需将该参数设置为 false
。
消息翻译
消息翻译是指用户可以将一条消息翻译成其他语言。消息翻译可以帮助使用不同语言的用户进行沟通。
目前,单群聊 UIKit 支持翻译文本消息。消息翻译的 UI 和逻辑部分结构如下:
- 消息翻译的 UI 布局在
MessageText
中。
如何使用
使用该特性前,请确保在环信即时通信控制台上已申请试用该功能。
- 开启消息翻译特性。
单群聊 UiKit 的 ContainerProps
对象中提供了 ContainerProps.enableTranslate
设置是否开启消息翻译功能,默认值为 false
。要开启该特性,需将该参数设置为 true
。
- 设置翻译的目标语言。
单群聊 UiKit 的 ContainerProps
对象中提供了 translateLanguage
属性设置目标翻译语言。
如果未设置翻译的目标语言,则默认使用中文。
更多翻译目标语言,请参考 翻译语言支持。
表情回复
表情回复(即 Reaction
)指用户可以使用表情符号回复消息。表情回复可以帮助用户表达情绪、态度、进行调查或投票。在单群聊 UIKit 中,用户可以长按单条消息触发消息拓展功能菜单,选择表情回复。
目前,单群聊 UIKit 支持对消息添加表情回复。Reaction UI 和逻辑部分结构如下:
Reaction 在消息列表中的 UI 布局实现
MessageReaction
自定义布局。Reaction 表情列表的弹窗
BottomSheetEmojiList
。
如何使用
使用该特性前,请确保在环信即时通信控制台上已开通该功能。
单群聊 UiKit 的 ContainerProps
对象中提供了 enableReaction
属性用于设置是否开启 Reaction
功能, 默认值为 false
。要开启该功能,将该参数设置为 true
。
消息话题
消息话题(即 Thread
)指用户可以在群组聊天中根据一条消息创建话题进行深入探讨,讨论和追踪特定项目任务,而不影响其他聊天内容。
如何使用
使用该特性前,请确保在环信即时通信控制台上已开通该功能。
消息话题特性在 ContainerProps.enableThread
中提供开关,默认值为 false
。要开启该特性,需将该参数设置为 true
。
消息合并转发
消息转发指用户可以将消息转发给其他用户。你可以转发单条消息,也可以选择多条消息进行合并转发。
消息转发 UI 和逻辑部分结构如下:
- 选择转发消息接收人页面
MessageForwardSelector
。
如何使用
消息转发特性在 ContainerProps.enableMessageMultiSelect
中提供开关,默认值为 true
。要关闭该特性,需将该参数设置为 false
。
消息置顶
消息置顶指用户将重要信息固定在会话顶部,有助于用户快速访问关键会话,避免遗漏重要内容。该特性尤其适用于处理紧急事务或持续跟进的项目,帮助高效管理重要会话。
目前,群聊 UIKit 支持消息置顶。 通过 ContainerProps.enableMessagePin
控制消息置顶是否开启。默认开启。 在组件 ConversationDetail
内,内置消息置顶监听,动态更新消息置顶列表。 在组件 MessageList
内,调用上下文菜单,可以对消息进行置顶操作。
如何使用
消息置顶特性默认开启,即 enableMessagePin
的默认值为 true
。要关闭该特性,需将该参数设置为 false
。
在聊天页面对消息置顶/取消置顶操作。在消息气泡上调用上下文菜单,选择消息置顶/取消置顶选项,执行成功后,更新消息置顶列表。
下面的示例代码为如何开启消息置顶功能:
import { NavigationContainer } from "@react-navigation/native";
import { Container as UIKitContainer } from "react-native-chat-uikit";
export function App() {
// 默认为开启。若关闭,设置为 false。
const enableMessagePin = true;
return (
<UIKitContainer
options={{
appKey: gAppKey,
}}
enableMessagePin={enableMessagePin}
>
{/** 其他示例代码 */}
</UIKitContainer>
);
}