Compose中如何实现BottomSheetScaffold完全透明？

出现这个问题的核心原因是BottomSheetScaffold的内容容器默认带有背景色，或默认的阴影、形状设置导致视觉上出现白色区域，可通过以下步骤解决：

• 给sheetContent的根布局设置透明背景
  即便你设置了sheetBackgroundColor，内容根布局若未明确指定透明背景，仍可能继承默认白色。直接在Column的Modifier中添加background(Color.Transparent)。

• 移除sheet的阴影 elevation
  默认的sheetElevation会生成阴影效果，可能和透明背景产生冲突，设置为0.dp即可消除该影响。

• 调整sheet的形状（可选）
  若圆角区域出现白色，可将sheetShape设置为RectangleShape，取消默认的圆角样式。

修改后的完整代码：

BottomSheetScaffold(
    modifier = Modifier.background(Color.Red),
    scaffoldState = bottomSheetScaffoldState,
    sheetContent = {
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .background(Color.Transparent),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            repeat(15) { Text("Hello") }
        }
    },
    sheetPeekHeight = 10.dp,
    sheetBackgroundColor = Color.Transparent,
    sheetElevation = 0.dp,
    sheetShape = RectangleShape
)

如果你的项目使用Material3，注意参数名变化：将sheetBackgroundColor替换为sheetContainerColor，其余设置保持一致。

内容的提问来源于stack exchange，提问作者Hunter K