Использование BottomSheetScaffold

Я новичок в этом. Но я хочу, чтобы BottomSheetScaffold отображал другое представление, найденное в моем файле MailView.kt, когда я нажимаю кнопку. Я хочу, чтобы лист был скрыт до тех пор, пока не будет нажата кнопка.

Но (BottomSheetState(BottomSheetValue.Hidden) и sheetState в моем коде выдают ошибку, я не знаю, как ее решить.

Невозможно найти параметр с таким именем:sheetState

Этот API материала является экспериментальным и, вероятно, будет изменен или удален в будущем.

Неразрешенная ссылка: скрыта

Для параметра onClose не передано значение

Это полный код:

      var showBottomSheet by remember { mutableStateOf(false) }
    val scaffoldState = rememberBottomSheetScaffoldState()
    val scope = rememberCoroutineScope()

    if (showBottomSheet) {
        BottomSheetScaffold(
            sheetState = BottomSheetState(BottomSheetValue.Hidden),
            sheetContent = {
                MailView(onClose = { showBottomSheet = false })
            },
            content = {
                MailView()
            }
        )
    }

И вот как мой button работает:

Button(
                                    onClick = { scope.launch { sheetState.show() } },
                                    colors = ButtonDefaults.buttonColors(
                                        containerColor = Color(
                                            0xffae52de
                                        )
                                    ),

ОБНОВЛЯТЬ:

Основываясь на рекомендуемом ответе, я попробовал это для BottomSheetScaffold:

val scope = rememberCoroutineScope()

val scaffoldState = rememberBottomSheetScaffoldState(bottomSheetState = rememberStandardBottomSheetState(skipHiddenState = false))

  BottomSheetScaffold(
        scaffoldState = scaffoldState,
        sheetContent = {
             MailView {
                scope.launch {
                    scaffoldState.bottomSheetState.hide()
                }
            })
        },
        content = {
            // Your main content
        },
        sheetPeekHeight = 0.dp // Ensure the sheet is hidden initially
    )

А это для кнопки:

Button(
    onClick = {
scope.launch {
scaffoldState.bottomSheetState.expand()
 }
}

Но, похоже, это не вызывает лист.

ОБНОВЛЯТЬ:

I wanted to know how I can shift the content of the BottomSheetScaffold up a bit further to the top. The content seems to be positioned a little too low in the sheet for me.