主题令牌(Theme)
主题令牌:Theme 是 IDL 定义的跨端 UI 组件,props / events / behaviors 在各平台语义一致。本页给出契约属性、事件、渲染行为、数据源与 Flutter 端绑定/示例。
契约属性(props)
| 属性 | 类型 | 必填 | 说明 |
|---|---|---|---|
mode | 'light'|'dark' | 是 | light / dark |
colors | {primary,background,surface,text,textSecondary,bubbleMine,bubbleOther,danger,mention} | 是 | 主题颜色令牌集合:{ primary:, background:, surface:, text:, textSecondary:, bubbleMine:, bubbleOther:, danger:, mention: } |
事件
该组件未声明事件;交互通过属性和宿主回调完成。
渲染行为
- 默认跟随系统;宿主可覆盖令牌;暗色对比度满足可读性
数据源
未在 IDL 声明 dataSource;由宿主从 IMLib 拉取(getConversationList / getHistoryMessages / MESSAGES / CONVERSATION 事件)。
依赖边界
组件不直连网络与数据库:会话/消息由宿主从 IMLib 拉取后传入,组件只做排序、角标、格式化与渲染。
平台绑定
| 项 | 值 |
|---|---|
| 公开符号 / 签名 | ImkitTheme(...) |
| 导出列表包含 | 是 |
| UI 框架 | Material Widget 组合;IMKit.start 提供默认主页,也可单独组合组件 |
使用示例
Dart (Flutter)
MaterialApp(
theme: ImkitTheme.light.toThemeData(),
darkTheme: ImkitTheme.dark.toThemeData(),
home: IMKit.start(client: engine),
)
// 或自定义局部主题
ImkitThemeScope(
theme: ImkitTheme.light.copyWith(primary: const Color(0xFF4F46E5)),
child: const ConversationListView(conversations: conversations),
)相关文档
- 功能列表:能力矩阵
- 组件 API:全部组件 props / events
- 主题定制
- 多语言与格式化
- Flutter IMLib:数据来源