什么是 IM UIKit

更新时间: 2023/07/21 06:56:54

云信 IM UIKit 是基于 NIM SDK(网易云信 IM SDK)开发的一款即时通讯 UI 组件库,包括聊天、会话、搜索、通讯录等组件。通过 IM UIKit,可快速集成包含 UI 界面的即时通讯应用。

IM UIKit 简化了基于 NIM SDK 的应用开发过程。它不仅能助您快速实现 UI 功能,也支持调用 NIM SDK 相应的接口实现即时通讯业务逻辑和数据处理。因此,您在使用 IM UIKit 时仅需关注自身业务或个性化扩展。

功能优势

优势
说明
UI 组件解耦 IM UIKit 不同组件可相互独立运行使用。您可按需选择组件,将其快速集成到您的应用,实现相应的 UI 功能,减少无用依赖。
UI 能力简洁易用 IM UIKit 提供 Provider 来管理各个组件之间的状态,开发者无需关心复杂状态的管理以及 NIM SDK 复杂接口的调用,只需引入并使用即可。
强大的自定义能力 IM UIKit 提供 hooks 函数,以便用户获取内部状态进行一些自定义操作;另外还提供多个自定义渲染函数以及自定义主题修改,以供开发者自行定制 UI;另外还提供完善的语言设置功能,帮助开发者快速定制专属文案。

组件介绍

组件 描述
conversation-kit 会话列表组件,负责会话列表的展示与相关操作
chat-kit 聊天(会话消息)组件,负责单聊、群聊相关的操作以及相关的权限管理
contact-kit 通讯录组件,内含 ContactListFriendListBlackListGroupList 四个子组件,负责通讯录导航、好友列表、黑名单列表以及群组列表
search-kit 搜索组件,内含 SearchAdd 等两个子组件,负责搜索好友、群组以及添加好友、群组。

技术原理

工作原理

IM UIKit 提供了多个 UI 组件,您可以自行选择并组合。IM UIKit 利用 React Context API,内部管理了各个组件之间的状态,并利用 React 单向数据流来驱动 UI 更新与渲染。

app_structure.drawio.png

产品架构

app_structure_foure.png

相关参考

此文档是否对你有帮助?
有帮助
去反馈
  • 功能优势
  • 组件介绍
  • 技术原理
  • 工作原理
  • 产品架构
  • 相关参考