private val bottomNavTabs = listOf("For You", "Profile", "Whatever")
fun getBottomNavTabs() = bottomNavTabs // in reality this would come from a server call

@Composable
fun NavigationTest() {
    val navController = rememberNavController()
    val bottomNavTabs = remember { getBottomNavTabs() }

    Scaffold(
        bottomBar = { SimpleBottomNav(navController, bottomNavTabs) }
    ) { innerPadding ->
        NavHost(
            navController,
            startDestination = bottomNavTabs[0],
            Modifier.padding(innerPadding)
        ) {
            val navigateToSubPage: (String) -> Unit = { pageName -> navController.navigate("page/$pageName") }
			// Known bottom nav tab destinations
            bottomNavTabs.forEach { pageName ->
                composable(pageName) {
                    PageContent(pageName, navigateToSubPage)
                }
            }
			// Unknows sub pages
            composable("page/{pageName}") {
                val pageName = it.arguments?.getString("pageName")
                pageName?.let { pn -> PageContent(pn, navigateToSubPage) }
            }
        }
    }
}

// Create some random page with a LazyList to test page state preservation
@Composable
fun PageContent(name: String, onNavigate: (pageName: String) -> Unit) {
    Column(modifier = Modifier.fillMaxSize()) {
        Text(text = "Page: $name")

        var text by rememberSaveable { mutableStateOf("") }
        TextField(value = text, onValueChange = { text = it })
        Button(onClick = { if (text.isNotEmpty()) onNavigate(text) }) {
            Text(text = "Open page $text")
        }

        LazyColumn {
            items(100) {
                Text(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(5.dp)
                        .background(Color.LightGray),
                    text = "Column $it"
                )
            }
        }
    }
}

@Composable
fun SimpleBottomNav(navController: NavHostController, tabNames: List<String>) {
    BottomNavigation {
        val navBackStackEntry by navController.currentBackStackEntryAsState()
        val currentDestination = navBackStackEntry?.destination

        tabNames.forEach { pageName ->
            BottomNavigationItem(
                icon = { Icon(Icons.Filled.Favorite, contentDescription = null) },
                label = { Text(pageName) },
				// Hier currentDestination?.hierarchy does not contain the tab name once on a sub page
                selected = currentDestination?.hierarchy?.any { it.route == pageName } == true,
                onClick = {
                    navController.navigate(pageName) {
                        popUpTo(navController.graph.findStartDestination().id) {
                            saveState = true
                        }
                        launchSingleTop = true
                        restoreState = true
                    }
                }
            )
        }
    }
}

popUpTo