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的背景变成了透明,背后的内容也能够透过来。