集成会话消息界面
更新时间: 2024/10/10 11:00:48
网易云信 IM UIKit 通过会话消息模块(chatkit-ui
)提供单聊和群聊两种会话界面。会话中支持文本消息、表情(EMoji)、图片、视频、语音等消息类型,同时支持撤回消息、删除消息等管理功能。
效果展示
会话界面能实现的效果如下所示:
前提条件
集成会话界面前,请确保您已实现 登录。
页面路由
会话消息模块(chatkit-ui
)中的页面路由如下表所示:
页面 | 路由地址 |
页面源码 |
---|---|---|
单聊页面 | ChatP2PPage | src/main/ets/pages/ChatP2PPage.ets |
群聊页面 | ChatTeamPage | src/main/ets/pages/ChatTeamPage.ets |
单聊设置页面 | UserSettingPage | src/main/ets/pages/UserSettingPage.ets |
跳转会话页面
IM UIKit 提供的默认单聊和群聊会话页面(Page
)的类名为 ChatP2PPage
和 ChatTeamPage
。您可以使用鸿蒙提供的路由 Navigation
跳转到默认会话界面 ChatP2PPage
或 ChatTeamPage
。
跳转单聊页面
Navigation 原型
TypeScript//跳转到单聊界面
this.pathStack.pushPath({ name:'ChatP2PPage', param: '*****' })
参数说明
参数 |
类型 |
说明 |
---|---|---|
pathStack |
NavPathStack | 路由相关的操作都是基于页面栈 NavPathStack 提供的方法进行,每个 Navigation 都需要创建并传入一个 NavPathStack 对象,用于管理页面。主要涉及页面跳转、页面返回、页面替换、页面删除、参数获取、路由拦截等功能。更多详情,请参考《华为官方文档》 Navigation 。 |
name |
string | IM UIKit 默认注册的会话界面地址 ChatP2PPage 。 |
param |
string | 会话 ID,通过调用 V2NIMConversationIdUtil 的对应函数创建。组成方式:用户账号(accountId)| 会话类型(V2NIMConversationType)| 聊天对象账号(accountId)或群组 ID。 |
跳转群聊页面
Navigation 原型
TypeScript//跳转到群聊界面
this.pathStack.pushPath({ name: "ChatTeamPage", param: '*****' })
参数说明
参数 |
类型 |
说明 |
---|---|---|
pathStack |
NavPathStack | 路由相关的操作都是基于页面栈 NavPathStack 提供的方法进行,每个 Navigation 都需要创建并传入一个 NavPathStack 对象,用于管理页面。主要涉及页面跳转、页面返回、页面替换、页面删除、参数获取、路由拦截等功能。更多详情,请参考《华为官方文档》 Navigation 。 |
name |
string | IM UIKit 默认注册的会话界面地址 ChatP2PPage 。 |
param |
string | 会话 ID,通过调用 V2NIMConversationIdUtil 的对应函数创建。组成方式:用户账号(accountId)| 会话类型(V2NIMConversationType)| 聊天对象账号(accountId)或群组 ID。 |
此文档是否对你有帮助?