BottomSheetScaffold是Jetpack Compose中的一个支持底部抽屉式界面的布局组件,而TopAppBar则是一个用于显示应用栏的组件。在默认情况下,TopAppBar的背景色是不透明的。如果想要让TopAppBar的背景色透明,可以按照以下步骤进行操作:
TopAppBar(
    title = {...},
    navigationIcon = {...},
    backgroundColor = Color.Transparent, // 设置背景色为透明
)
val bottomSheetScaffoldModifier = modifier.background(Color.Transparent) // BottomSheetScaffold背景色透明
BottomSheetScaffold(
    sheetContent = {...},
    scaffoldState = sheetState,
    topBar = {
        TopAppBar(
            modifier = Modifier.fillMaxWidth(),
            backgroundColor = Color.Transparent, // 设置背景色为透明
            title = {...},
            navigationIcon = {...},
        )
    },
    content = {...},
    sheetShape = {...},
    sheetPeekHeight = {...},
    modifier = bottomSheetScaffoldModifier // 应用BottomSheetScaffold修改器
)
这样设置一下之后,就可以看到TopAppBar的背景变成了透明,背后的内容也能够透过来。