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
控制输入框、按钮、表情与扩展菜单等。
快速入口
-
部分自定义 UI(Config):
-
完全自定义 UI(Builder):
说明:本文档仅提供概念导航,具体实现细节与代码示例请参阅各分篇文档。