Google은 AI 기술을 사용하여 콘텐츠를 사용자의 기본 언어로 번역합니다. AI 번역에는 오류가 있을 수 있습니다.

여러 항목 유형을 사용하여 목록 만들기

여러 항목 유형이 있는 목록을 사용하여 텍스트, 이미지, 대화형 요소와 같은 혼합 콘텐츠 유형을 표시할 수 있습니다.

결과

버전 호환성

이 구현에서는 프로젝트 minSDK를 API 수준 21 이상으로 설정해야 합니다.

종속 항목

여러 항목 유형 추가

여러 유형의 항목으로 목록 또는 그리드를 구성할 때 레이아웃의 각 항목에 콘텐츠 유형을 지정할 수 있습니다.

@Composable
fun ListWithMultipleItems(messages: List<Any>) {
    LazyColumn {
        items(
            messages.size,
            contentType = { it }
        ) {
            for (message in messages)
                when (message) {
                    is MediaStore.Audio -> AudioMessage(message)
                    is Text -> TextMessage(message)
                }
        }
    }
}

@Composable
fun AudioMessage(message: MediaStore.Audio) {
    TODO("Not yet implemented.")
}

@Composable
fun TextMessage(message: Text) {
    TODO("Not yet implemented.")
}

data class SampleMessage(val text: String, val content: Any)ListWithMultipleItemTypes.kt

코드 관련 핵심 사항

items()에서 contentType을 설정하여 각 항목의 콘텐츠 유형을 지정합니다.
각 콘텐츠 유형을 상응하는 컴포저블에 매핑합니다. 예를 들어 Audio 는 다른 곳에서 정의되고 contentType에 매핑되는 AudioMessage 컴포저블입니다.
Compose는 지정된 콘텐츠 유형의 각 항목에 대해 렌더링된 컴포저블을 재사용합니다.