제품 개요
Basic Concepts
응용 시나리오
기능 소개
계정 시스템
사용자 정보 및 관계망
메시지 관리
그룹 시스템
Official Account
Audio/Video Call
사용 제한
Flutter
포커스 모드
폰트 크기
Component Overview
MessageInput is a message input component that enables users to create and send messages with a full range of editing options. It supports various message types, including text, images, videos, files, and voice messages. The component also includes features such as emoji selection and offers flexible styling and customization options.
Message Input Interface | Emoji Picker |
 |  |
Component Integration
MessageInput is part of TUIKit Flutter. To use MessageInput, integrate TUIKit Flutter into your project. For setup instructions, see TUIKit Flutter documentation.
Component Descriptions
MessageInput is composed of a core input module and a style configuration protocol, allowing you to customize the input experience.
Initialization Parameters
Parameter Name | Type | Description |
conversationID | String | Conversation ID that identifies the current chat session. |
config | MessageInputConfigProtocol | Style configuration that controls which function buttons appear. |
Basic Usage
Initialize the MessageInput component with a conversation ID:
Column(children: [MessageInput(conversationID: 'conversation_123',),],);
Customization
You can configure which feature buttons appear in the input bar:
// Customize which feature buttons to showMessageInput(conversationID: widget.conversation.conversationID,config: ChatMessageInputConfig(isShowAudioRecorder: false, // Hide audio recordingisShowPhotoTaker: true, // Show photo captureisShowMore: true, // Show more features),),
Examples of different configurations:
Default Input Box | Input Box with Audio Recording Hidden | Input Box with All Features Hidden |
 |  |  |
피드백