Flutter

最近更新时间:2026-02-05 11:43:21

我的收藏

功能描述

TUIKit 支持表情回应功能。表情回应功能采用消息编辑能力实现。
说明:
为了尊重版权,IM Demo/TUIKit 工程中默认不包含大表情元素切图。在正式上线商用前,请您替换为自己设计或拥有版权的其他表情包。请注意,下图所示的默认小黄脸表情包版权属于腾讯云,您可以通过升级至 IM 企业版套餐 免费使用该表情包。




效果展示

发送表情回应

长按消息菜单会有一条表情选择区。该区域支持单击右侧按钮扩大,展示更多表情。单击表情即可对该消息进行表情回应。如果已经使用该表情对该消息进行回应过,单击表情后会取消回应。
长按消息菜单
更多表情



展示表情回应

一条消息收到的所有回应表情,都会展示在这条消息的下方,会话中所有成员均可看到。
回应表情后面会显示该消息回应的人数,点击表情可以弹出详情。
在详情界面展示所有表情的回应成员,如果是自己回应的,可以点击移除自己的回应表情。
表情回应消息展示
完整回应成员名单





开启/关闭表情回应

MessageListconfig 参数中,提供了“消息表情回应”功能开关,默认值为 true,如果不想使用,设置为 false 即可。可以参考 demoMessageList 组件的使用。
MessageList(
config: ChatMessageListConfig(isSupportReaction: false),
),