Skip to content

Instantly share code, notes, and snippets.

@PriyaSindkar
Created June 26, 2023 11:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PriyaSindkar/643d24348202d0e104b2dd2f45f996bf to your computer and use it in GitHub Desktop.
Save PriyaSindkar/643d24348202d0e104b2dd2f45f996bf to your computer and use it in GitHub Desktop.
Standard Bottom Sheet from Material 3
val scope = rememberCoroutineScope()
val sheetState = SheetState(skipPartiallyExpanded = false, skipHiddenState = false)
val scaffoldState = rememberBottomSheetScaffoldState(bottomSheetState = sheetState)
BottomSheetScaffold(modifier = Modifier.fillMaxHeight(),
scaffoldState = scaffoldState,
sheetPeekHeight = 128.dp,
sheetShadowElevation = 32.dp,
topBar = {
CenterAlignedTopAppBar(title = { Text(text = "Material 3 Demo") })
},
sheetDragHandle = { BottomSheetDefaults.DragHandle(color = Color.RED) },
sheetContent = {
BottomSheetContent()
},
content = { innerPadding ->
Box {
ElevatedButton(
modifier = Modifier
.wrapContentSize()
.align(Alignment.Center),
onClick = {
scope.launch {
scaffoldState.bottomSheetState.let {
if (it.isVisible) it.hide() else it.show()
}
}
}
) {
Text(text = "Standard Bottom Sheet")
}
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment