• UIKit
  • SDK
  • 服务端 API
Chat/
UIKit/
Flutter/
产品特性/
UIKit
  • 产品概述
  • 跑通Demo
  • 安装
    • 集成
    • Only Chat
  • 产品特性
    • 局部搜索
    • 离线推送
    • 在线状态
    • 输入状态
    • 消息已读回执
    • 消息反应
    • 国际化
    • 添加自定义消息
    • 表情和贴纸
  • 定制
    • 修改 UI 主题
    • 设置 UI 样式
  • Changelog
  • 开发指引
  • 控制台指南
    • 创建和升级应用
    • 基本配置
    • 功能配置
    • 账号管理
    • 群组管理
    • 回调配置
  • 产品介绍
    • 消息管理
      • 单聊消息
      • 消息存储
      • 离线推送
      • 群消息
      • 消息格式
    • 账号系统
      • 登陆验证
      • 在线状态管理
    • 群相关
      • 群组系统
      • 群组管理
    • 用户资料和关系链
      • 资料管理
      • 关系链管理
  • 购买指南
    • 计费概述
    • 价格中心
  • 错误码

表情和贴纸

以下为您介绍,如何为腾讯云 IM Flutter UIKit 引入表情能力。

介绍

我们的 Message 组件中,支持发送及接收两种类型的表情:
表情类型
发送形式
是否文字混排
发送内容
解析方式
引入方式
TUIKit 默认自带
小图片表情
文本消息
表情图片名称
根据名称,自动匹配本地 Asset 图片资源
默认的可直接用,自定义图片资源预存于Asset,并定义 List
一套默认小表情图库(如下发截图),可直接使用
大图片表情
表情消息
baseURL 拼接图片文件名,表情图片 Asset 路径
通过路径,解析 Asset 资源
图片资源预存于Asset,并定义 List
-
案例名称
小图片表情
(我们自己设计)
腾讯云大图片表情
表情类型
小图片表情
大图片表情
案例说明
默认自带启用,位于第一栏
没有默认提供,可以按照文档所述用法,快速传入自定义表情包
截图展示
图1
图1

图2
图2


使用方法

首先,安装 tencent_cloud_chat_sticker 插件:
flutter pub add tencent_cloud_chat_sticker
initUIKit 中的 plugins 列表添加以下代码以启用此插件:
TencentCloudChatPluginItem(
name: "sticker",
initData: TencentCloudChatStickerInitData(
userID: TencentCloudChatLoginData.userID,
).toJson(),
pluginInstance: TencentCloudChatStickerPlugin(
context: context,
),
)
TencentCloudChatStickerInitData 对象中,您可以选择启用哪些默认的表情包,并根据需要添加更多的表情包。