bottomSheetFixed.kt

@OptIn(ExperimentalMaterialNavigationApi::class)
@Composable
private fun AppNavigation() {
    val navController = rememberNavController()
    val bottomSheetNavigator = rememberBottomSheetNavigator()
    navController.navigatorProvider += bottomSheetNavigator
    ModalBottomSheetLayout(
        bottomSheetNavigator = bottomSheetNavigator,
    ) {
        NavHost(navController = navController, startDestination = Screen.A.route) { // Open 'A'
            composable(Screen.A.route) {
                Column(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(Color.Red)
                ) {
                    Text(text = "I am A")
                    Counter()
                    Button(onClick = {
                        navController.navigate(Screen.B.route) // Open BottomSheet B
                    }) {
                        Text(text = "GO TO BS")
                    }
                }
            }

            bottomSheet(Screen.B.route) {
                Column(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(Color.Green)
                ) {
                    Text(text = "I am B")
                    Counter()
                    Button(onClick = {
                        navController.navigate(Screen.C.route) // Open BottomSheet C
                    }) {
                        Text(text = "GO TO CS")
                    }
                }
            }

            bottomSheet(Screen.C.route) {
                Column(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(Color.Blue)
                ) {
                    Text(text = "I am C")
                    Counter()
                    Button(onClick = {
                        navController.navigate(Screen.D.route) { // Open D
                            // but before that, pop all screens between `D` and `A`
                            popUpTo(Screen.A.route) {
                                saveState = true // and save their state
                                inclusive = true // including `A`'s
                            }
                        }
                    }) {
                        Text(text = "GO TO D")
                    }
                }
            }
            composable(Screen.D.route) {
                Column(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(Color.Black)
                ) {
                    Text(text = "I am D")
                    Counter()
                    Button(onClick = {
                        navController.navigate(Screen.A.route) { // Open 'A'
                            // but before that, pop this screen from the stack
                            popUpTo(Screen.D.route) {
                                inclusive = true
                            }
                            // don't create new instance for `A`
                            launchSingleTop = true
                            // restore `A`'s state, including all screens and their state when...
                            // we popped `A` last time.
                            restoreState = true
                        }
                    }) {
                        Text(text = "GO BACK")
                    }
                }
            }
        }
    }
}