产品动态
公告
Flutter
组件概述
MessageInput 是消息输入组件，为用户提供完整的消息编辑和发送功能。该组件支持多种消息类型的输入和发送，包括文本消息、图片、视频、文件、语音等，同时提供表情选择等增强功能，支持多种样式配置和自定义选项。
消息输入界面 | 表情选择器 |
 |  |
组件集成
MessageInput 组件属于 TUIKit Flutter 的一部分，集成 TUIKit Flutter 即可获取并使用 MessageInput 组件。集成方法请参考文档 TUIKit Flutter 里的集成步骤。
组件构成
MessageInput 组件包含消息输入核心组件和样式配置协议，提供了消息输入功能，并支持自定义。
初始化参数
参数名 | 类型 | 描述 |
conversationID | String | 会话 ID，用于标识当前聊天会话 |
config | MessageInputConfigProtocol | 输入样式配置，控制各功能按钮的显示 |
基础用法
MessageInput 组件可直接初始化使用，需要提供会话 ID。
Column(children: [MessageInput(conversationID: 'conversation_123',),],);
自定义组件
您可以自定义决定是否显示输入栏上的功能入口：
// 自定义显示哪些功能按钮MessageInput(conversationID: widget.conversation.conversationID,config: ChatMessageInputConfig(isShowAudioRecorder: false, // 隐藏语音录制isShowPhotoTaker: true, // 显示拍照功能isShowMore: true, // 显示更多功能),),
自定义效果如下图所示：
默认输入框 | 隐藏输入框上的语音录制功能 | 隐藏输入框上的全部功能 |
 |  |  |
Help and Support
Was this page helpful?
You can also Contact sales or Submit a Ticket for help.
Help us improve! Rate your documentation experience in 5 mins.
Feedback