tencent cloud

Chat

DocumentaçãoChat

iOS（SwiftUI）

Baixar
Modo Foco
Tamanho da Fonte
Última atualização: 2026-03-02 17:57:23

Component Overview

MessageInput is a SwiftUI-based message input component that enables users to compose and send a variety of message types, including text, images, videos, files, and voice messages. It features an integrated emoji picker, supports multiple style configurations, and offers extensive customization options.
Message Input Interface
Emoji Picker



Component Integration

MessageInput is included in TUIKit SwiftUI. To use MessageInput, integrate TUIKit SwiftUI into your project. For detailed integration steps, see the TUIKit SwiftUI documentation.

Component Structure

MessageInput consists of the main input component and a style configuration protocol, providing message input capabilities and supporting customization.

Initialization Parameters

Parameter
Type
Description
conversationID
String
Conversation ID used to identify the current chat session
config
MessageInputConfigProtocol
Input style configuration that controls which function buttons are displayed

Public API

Method
Parameters
Description
init
conversationID: String, config: MessageInputConfigProtocol
Initializes the message input component

Basic Usage

To get started, initialize the MessageInput component with a conversation ID:
import AtomicX
import SwiftUI

struct ChatView: View {
    var body: some View {
        VStack {
            Spacer()
            
            MessageInput(
                conversationID: "conversation_123"
            )
        }
    }
}

Customization

You can control which feature buttons appear on the input bar:
// Customize the displayed function buttons
MessageInput(
    text: $inputText,
    conversationID: conversationID,
    config: ChatMessageInputConfig(
        isShowAudioRecorder: false,  // Hide audio recording
        isShowPhotoTaker: true,      // Show photo capture
        isShowMore: true,            // Show "More" options
        isShowSendButton: true       // Show send button
    )
)
The following images show different customization effects:
Default Input Box
Input Box with Audio Recording Hidden
Input Box with All Features Hidden




Próximo: Política de Privacidade do

Ajuda e Suporte

Esta página foi útil?

comentários