如何使用Jetpack compose实现carousel (卡片滑块)？

@Composable
fun Carousel() {
    // 假设你有一个包含卡片数据的列表
    val cardList = listOf("Card 1", "Card 2", "Card 3")

    // 使用Column和Row组件进行布局
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .wrapContentHeight()
    ) {
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .horizontalScroll(rememberScrollState())
        ) {
            // 遍历卡片数据列表，为每个卡片创建一个Composable函数
            cardList.forEach { card ->
                CardComponent(card)
            }
        }
    }
}

@Composable
fun CardComponent(card: String) {
    Box(
        modifier = Modifier
            .padding(16.dp)
            .size(200.dp)
            .background(Color.LightGray)
    ) {
        Text(
            text = card,
            modifier = Modifier.align(Alignment.Center),
            style = TextStyle(color = Color.Black, fontSize = 20.sp)
        )
    }
}

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val composeView = findViewById<ComposeView>(R.id.composeView)
        composeView.setContent {
            Carousel()
        }
    }
}