Basic ModalBottomSheet

MainActivity.kt

val coroutineScope = rememberCoroutineScope()
var items by rememberSaveable { mutableStateOf(listOf<String>()) }
var showAddSheet by rememberSaveable { mutableStateOf(false) }
val addSheetState = rememberModalBottomSheetState()
Scaffold(...) { innerPadding ->
  // Screen content
  ShoppingList(
    items = items,
    onAddItemClick = { showAddSheet = true },
    modifier = Modifier.fillMaxSize().padding(innerPadding)
  )
  // Bottom sheet
  if (showAddSheet) {
    ModalBottomSheet(
      onDismissRequest = { showAddSheet = false },
      sheetState = addSheetState,
      modifier = Modifier
    ) {
      BottomSheetContent(
        onSaveClick = {
          // Save the value
          items = items.plus(it)
          // Close the sheet, allowing the animation to run
          coroutineScope.launch {
            addSheetState.hide()
          }.invokeOnCompletion {
            if (!addSheetState.isVisible) {
              showAddSheet = false
            }
          }
        }
      )
    }
  }
}