android-jetpack-compose - 如何制作一个占据整个屏幕宽度的 LazyRow 元素？

Question

以下不起作用。当我滚动时，第一个面板的宽度会波动。

撰写版本 = 1.0.0-beta01

@Composable
fun Carousel() {
    val panels = listOf(Pair("cat", Color.Blue), Pair("dog", Color.Cyan), Pair("snake", Color.Green))

    LazyRow(
        modifier = Modifier
            .fillMaxSize()
    ) {
        items(panels) { panel ->
            Column(
                modifier = Modifier
                    .fillParentMaxSize()
                    .background(panel.second),
                verticalArrangement = Arrangement.Center,
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                Text(
                    text = panel.first
                )
            }
        }
    }
}

Answer 1

将 fillParentMaxSize() 替换为 fillParentMaxWidth()，它将按预期工作。