tencent cloud

Chat

제품 소개
제품 개요
Basic Concepts
응용 시나리오
기능 소개
계정 시스템
사용자 정보 및 관계망
메시지 관리
그룹 시스템
Official Account
Audio/Video Call
사용 제한
구매 가이드
과금 개요
요금 안내
Purchase Instructions
Renewal Guide
연체 안내
Refund Policy
다운로드 센터
SDK & Demo 소스 코드
업데이트 로그
시나리오 솔루션
Live Streaming Setup Guide
AI Chatbot
대규모 엔터테인먼트 협업 커뮤니티
Discord 구현 가이드
IM을 게임에 통합하는 방법
WhatsApp Channel-style Official Account Integration Solution
Send Red Packet
Firewall Restrictions
클라이언트 APIs
SDK API(Web)
Android
iOS & macOS
Swift
Flutter
Electron
Unity
React Native
C APIs
C++
서버 APIs
Secure authentication with UserSig
RESTful APIs
Webhooks
콘솔 가이드
New Console Introduction
애플리케이션 생성 및 업그레이드
기본 설정
기능 설정
계정 관리
그룹 관리
Official Channel Management
콜백 설정
모니터링 대시보드
Viewing Guide for Resource Packages
Real-Time Monitor
개발 보조 툴
액세스 관리
Advanced Features
FAQ
uni-app FAQs
구매
SDK 관련 질문
계정 인증
사용자 정보 및 관계망
메시지
그룹
라이브 방송 그룹
닉네임 및 프로필 사진
협약 및 인증
Service Level Agreement
컴플라이언스 인증
IM 정책
개인 정보 보호 정책
데이터 개인 정보 보호 및 보안 계약
에러 코드
문의하기
문서Chat

Android(Compose)

포커스 모드
폰트 크기
마지막 업데이트 시간: 2026-03-02 17:38:25

Component Overview

ConversationList is a Jetpack Compose component designed to display and manage user chat conversations. It offers a comprehensive set of features for viewing and interacting with conversations.
Conversation List
Conversation Actions



Component Integration

ConversationList is part of TUIKit Compose. To use ConversationList, integrate TUIKit Compose into your project. For detailed integration steps, see the TUIKit Compose documentation.

Component Structure

ConversationList exposes only its initialization method; all other logic is handled internally.

Public Methods

Method
Parameter
Description
ConversationList
modifier: Modifier
Sets the component's style, layout, behavior, and appearance in Jetpack Compose.
conversationListViewModelFactory: ConversationListViewModelFactory
Factory for creating the internal ConversationListViewModel. Typically, you do not need to provide this manually, as a default implementation is included.
config: ConversationActionConfigProtocol
Initializes the component and sets conversation action menu items. Optional.
customActions: List
Initializes the component and sets custom conversation action options. Optional.
onConversationClick: (ConversationInfo) -> Unit
Sets the conversation click webhook.

Basic Usage

Initialize the ConversationList component directly. The onConversationClick webhook is required.
Parameter Name
Type
Description
onConversationClick
(ConversationInfo) -> Unit
Conversation click webhook, triggered when a user taps a conversation cell.
Example code:
Box(
modifier = Modifier
.fillMaxSize()
.systemBarsPadding()
) {
ConversationList(onConversationClick = {
// Recommended: Navigate to the chat page here
})
}

Customization

You can customize the conversation list action items as follows.

Method 1. Hide Conversation Action Items Locally

Set actions when initializing ConversationList to specify which action items appear in each conversation cell:
Box {
ConversationList(
// Hide ClearHistory
config = ChatConversationActionConfig(
isSupportDelete = true,
isSupportPin = true,
isSupportClearHistory = false
)
) {
// Navigate on conversation cell click
}
}
Supported Action Menu Toggles
Action Type
Description
isSupportDelete
Enable or disable deleting conversations.
isSupportPin
Enable or disable pinning conversations.
isSupportClearHistory
Enable or disable clearing conversation history.

Method 2. Add Conversation Action Items Locally

Pass customActions when initializing ConversationList. Custom options will be added to the end of the default action menu:
Parameter Name
Type
Description
customActions
List
Custom conversation actions, shown when the user opens the conversation action menu.
Example code:
Box {
ConversationList(
customActions = listOf(ConversationCustomAction(title = "Share") {
println("Share conversation: ${it.title}")
})
) {
// Handle click events
}
}

Method 3. Global Configuration

Configure globally using AppBuilderConfig:
// Set up at app startup; if omitted, the feature is disabled
AppBuilderConfig.conversationActionList = listOf(
ConversationAction.DELETE, // Enable delete
ConversationAction.PIN, // Enable pin
ConversationAction.CLEAR_HISTORY // Enable clear conversation messages
)

// Then, initialize ConversationList. All ConversationList instances will use the above conversationActionList configuration.
ConversationList() {
// Navigate to the chat page here if needed
}
The following images show the customization effects:
Conversation Actions
(Default Options)
Conversation Actions
(Delete Option Hidden)
Conversation Actions
(Share Option Added)





도움말 및 지원

문제 해결에 도움이 되었나요?

피드백