跳到主要内容

Flutter IMKit 自定义 UI 能力概览

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

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

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

模块划分​

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

快速入口​

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