跳到主要内容

Flutter IMKit 自定义 UI 能力概览

Flutter IMKit 提供两类自定义 UI 方式:

  • 部分自定义 UI(Config):通过配置类调整颜色、尺寸、布局、图标等样式与部分交互,无需修改渲染逻辑。
  • 完全自定义 UI(Builder):通过 Builder 覆盖渲染与行为,实现 UI 与交互的全面定制。

建议优先使用 Config 方式快速实现统一风格,若需求超出默认能力范围,再使用 Builder 进行精细化定制。

模块划分

  • 会话列表RCKConvoPageRCKConvoConfig;支持多种 Builder(Item/Avatar/Title/LastMessage/Time/UnreadBadge)。
  • 聊天页面RCKChatPageRCKChatPageConfig;支持消息气泡自定义 UI、输入区自定义 UI 等。
  • 消息气泡RCKBubbleConfig 控制消息内容样式与附加气泡显示。
  • 输入区域RCKMessageInputRCKMessageInputConfig 控制输入框、按钮、表情与扩展菜单等。

快速入口

说明:本文档仅提供概念导航,具体实现细节与代码示例请参阅各分篇文档。