Jetpack Compose Spacer，背景颜色未显示在屏幕上答案

【问题标题】：Jetpack Compose Spacer with background color not shown on screenJetpack Compose Spacer，背景颜色未显示在屏幕上
【发布时间】：2022-08-18 18:26:16
【问题描述】：

我正在尝试用这种设计制作一张卡片

这是我正在尝试执行的代码。

Row(
    horizontalArrangement = Arrangement.Start, 
    modifier = Modifier.background(Color.Cyan)
) {
    Spacer(
        modifier = Modifier
            .padding(start = 16.dp)
            .background(Color.White)
            .fillMaxHeight()
            .width(16.dp)
    )

    Column(verticalArrangement = Arrangement.SpaceAround) {
        Text(text = \"Title\")
        Text(
            text = text
        )
    }
}

预览准确地显示了我想要做的事情。但是屏幕上没有显示垫片

我工作得很好。您使用的是什么版本的 Compose？
在我的情况下它工作正常
使用 Layout Inspector 时，您能在视图层次结构中看到分隔符吗？
我使用 1.0.5 compose 版本。您在模拟器或真实设备中看到行上的空白符吗？我在预览版上有它，但是在真实设备上调试时却没有（
当我尝试使用 Layout Inspector 时，应用程序被杀死......当我将 Inspector 与模拟器一起使用时，我看不到实际信息，它仅显示主屏幕布局

标签： android android-jetpack-compose

【解决方案1】：

最后尝试添加背景。

Spacer(
       modifier = Modifier
                .height(8.dp)
                .fillMaxWidth()
                .background(color = MaterialTheme.colors.background)
        )

【讨论】：