'Single NavHost with BottomBar and Sign Page in Android Jetpack compose

How to handle Single NavHost in Single Activity approach in Multi Module structure in Android Jetpack compose.

Did not see any example with below scenario to handle single NavHost in Single Activity. Navigation should start from splash screen.

Custom Splash Screen -> Sign in Screen -> Home Screen with BottomBar

 NavHost(navController, startDestination = "Splash")
    {
        composable(route = "Splash") {
            Splash()
        }
        composable(route = "Sign In") {
            SignIn()
        }
        composable(route = "Home") {
            Home()
        }
}

BottomBar has 3 options to navigate between each bottom bar items.

Where to add BottomBar in above scenario?

Updated as per comments

Scaffold(
    bottomBar = { BottomBar(navController = navController) }) {
    // sub graph for Home?

}


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source