JetpackCompose组件介绍-Card

Table of Contents

此图片来自Material You 官网

ElevatedCard 阴影卡片 #

	ElevatedCard(
            elevation = CardDefaults.cardElevation(
                defaultElevation = 6.dp
            ),
            modifier = Modifier
                .size(width = 240.dp, height = 80.dp)
                .padding(8.dp),

            onClick = {},
        ) {

        }

FilledCard 填充卡片 #

	Card(
            colors = CardDefaults.cardColors(
                containerColor = MaterialTheme.colorScheme.primary,
            ),
            modifier = Modifier
                .size(width = 240.dp, height = 80.dp)
                .padding(8.dp),
            onClick = {},
        ) {

        }

Outlined 边框卡片 #

	OutlinedCard(

            modifier = Modifier
                .size(width = 240.dp, height = 80.dp)
                .padding(8.dp),
            onClick = {},
        ) {

        }