主聊天将 Chat、MessageList、Message、Composer 和 Attachments 组合在同一页面。试着发送文字、移除附件,观察消息与输入状态的交接。
交互示例加载中…
状态与事件
消息集合、草稿和附件由页面持有。发送事件将原始文字交给页面,再由页面决定追加消息与清空草稿。示例只更新本地状态,不连接 Agent 或业务接口。
宿主责任
页面提供有界高度、键盘避让和安全区。MessageList 管理列表位置,Composer 管理输入区展示;Chat 负责组合布局。
查看完整示例源码