bottomSheet.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
                    }) {
                        Text(text = "GO TO D")
                    }
                }
            }
            composable("d") {
                Column(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(Color.Black)
                ) {
                    Text(text = "I am D")
                    Counter()
                    Button(onClick = {
                        navController.popBackStack() // GO BACK
                    }) {
                        Text(text = "GO BACK")
                    }
                }
            }
        }
    }
}


@Composable
fun Counter() {
    var count by rememberSaveable {
        mutableStateOf(0)
    }

    Button(onClick = { count++ }) {
        Text(text = "Count : $count")
    }

}