如何使布局可组合在 jetpack compose 中具有透明背景

Question

大家好，我正在使用 Layout 可组合项来实现动画抽屉，但每当我将 Layout 的背景设置为透明时，它就会变成黑色，但如果我提供其他颜色，它们就会被应用。我该如何解决这个问题。

使用下面的第一个代码给它一个预期的白色背景

@Composable
fun MyDrawer(
  drawer: @Composable () -> Unit,
  content: @Composable () -> Unit
){
  Layout(
        /*White (or any other colour provided) background as expected*/
        modifier = modifier.background(Colors.White),
        content = {
            drawer()
            content()
        }
    )
}

但是如果我使用下面的代码，背景会变成黑色而不是透明的，并且会影响我的底页。

@Composable
fun MyDrawer(
  drawer: @Composable () -> Unit,
  content: @Composable () -> Unit
){
  Layout(
        /*Black background instead of transparent*/
        modifier = modifier.background(Colors.Transparent),
        content = {
            drawer()
            content()
        }
    )
}