只需将ModalBottomSheetLayout定位在脚手架组件的顶部。
示例：

AppTheme() {
   ModalBottomSheetLayout(){ //<-- Here
      Scaffold(){
                             //<-- Not Here or below
         NavigationGraph(){
         }
      }
   }
}

然后从NavHost调用bottomSheet。
你也可以隐藏底部栏与行动从屏幕上，但它的长路;

• 它可能因组件子结构而异

屏幕：

@Composable
fun 3rdScreen(onClickForHideBottomBar:() -> Unit){
    Button(onClick = { onClickForHideBottomBar()}) {
        Text(text = "Hide BottomBar")
    }
}

导航图：

@Composable
fun NavigationGraph(onClickForHideBottomBar:() -> Unit,){
    NavHost(){
         composable(){
             3rdScreen(onClickForHideBottomBar ={onClickForHideBottomBar()})
         }
    }
}

支架：

var bottomBarVisibility by remember { mutableStateOf(false)}
Scaffold(
    bottomBar = {BottomNavigationView(bottomBarVisibility=bottomBarVisibility)}){
    NavigationGraph(onClickForHideBottomBar = bottomBarVisibility = !bottomBarVisibility){}
}

底部导航视图：

@Composable
fun BottomNavigationView(bottomBarVisibility: Boolean){
    AnimatedVisibility(visibleState =MutableTransitionState(bottomBarVisibility)){
        BottomNavigation()
    }
}

现在可以通过合成材质3使用ModalBottomSheet。
添加依赖项：

dependencies {
    implementation "androidx.compose.material3:material3:1.1.1"
    implementation "androidx.compose.material3:material3-window-size-class:1.1.1"
}
android {
    buildFeatures {
        compose true
    }
    composeOptions {
        kotlinCompilerExtensionVersion = "1.1.1"
    }
    kotlinOptions {
        jvmTarget = "1.8"
    }
}

示例：

@Composable
fun MyScreen() {
    var openBottomSheet by rememberSaveable { mutableStateOf(false) }
    var skipPartiallyExpanded by remember { mutableStateOf(false) }
    val scope = rememberCoroutineScope()
    val bottomSheetState = rememberModalBottomSheetState(
        skipPartiallyExpanded = skipPartiallyExpanded
    )
    // Screen content
    Button(onClick = {
        scope.launch {
            openBottomSheet = !openBottomSheet
        }
    }) {
        Text(text = "Show Bottom Sheet")
    }
    // When openBottomSheet is true, bottom sheet is visible.
    if (openBottomSheet) {
        ModalBottomSheet(
            onDismissRequest = { openBottomSheet = false },
            sheetState = bottomSheetState,
        ) {
            //Sheet content
            Column(
                modifier = Modifier.padding(start = 16.dp, bottom = 32.dp)
            ) {
                Text("Your sheet content is here.")
            }
        }
    }
}

closed image和open image。
注意：此API在1.1.x版本中经常发生变化。您必须参考官方API文档以获得更详细的描述和示例。