A modern programming language that makes developers happier.

kotlinlang

Hey everyone, I have a question about retaining state and managing multiple backstacks (multi module project) in v2.
I'll share my setup in this thread—can anyone help me understand why the state isn't being restored for my screens?

App module:
```@NavHostGraph
annotation class MainGraph {
    @ExternalNavGraph&lt;ExploreNavGraph&gt;(
        start = true
    )
    @ExternalNavGraph&lt;MyLibraryNavGraph&gt;
    @ExternalNavGraph&lt;SettingsNavGraph&gt;
    companion object Includes
}```
Explore module:
```@NavGraph&lt;ExternalModuleGraph&gt;
internal annotation class ExploreGraph

@Destination&lt;ExploreGraph&gt;(
    start = true,
)
@Composable
fun ExploreRoute(```
MyLibrary module:
```@NavGraph&lt;ExternalModuleGraph&gt;
internal annotation class MyLibraryGraph

@Destination&lt;MyLibraryGraph&gt;(
    start = true,
)
@Composable
fun MyLibraryRoute() {
    MyLibraryScreen()
}

@Composable
internal fun MyLibraryScreen() {
    val scrollableState = rememberLazyListState() // &lt;- not restored

    LazyColumn(
        modifier = Modifier.fillMaxSize(),
        contentPadding = PaddingValues(vertical = 16.dp),
        state = scrollableState,
    ) {
        repeat(100) {
            item(key = it) {
                Text(text = it.toString())
            }
        }
    }
}```
This is how I navigate on bottom bar item click:
```val destinationNavigator = appState.navController.rememberDestinationsNavigator()
...
destinationsNavigator.navigate(direction = destination.direction) {
    launchSingleTop = true
    restoreState = true
}```
DestinationNavHost setup:
```ModalBottomSheetLayout(
    bottomSheetNavigator = bottomSheetNavigator,
) {
    Column(
        modifier = Modifier
            .padding(
                top = padding.calculateTopPadding(),
            )
            .fillMaxSize(),
    ) {

        DestinationsNavHost(
            navGraph = NavGraphs.main,
            navController = appState.navController,
            dependenciesContainerBuilder = {
                ExploreDependencies(
                    destinationNavigator = destinationNavigator,
                )
                MyLibraryDependencies(
                    destinationNavigator = destinationNavigator,
                )
            },
        )
    }
}```


If I add this check:
```if (isCurrentDestOnBackStack) {
    // When we click again on a bottom bar item and it was already selected
    // we want to pop the back stack until the initial destination of this bottom bar
    // item
    destinationsNavigator.popBackStack(destination.direction, false)
    return@NavigationBarItem
}```
before calling `destinationsNavigator.navigate` , the state is restored for ExploreNavGraph (which is root) and for MyLibraryNavGraph only if i go from SettingsNavGraph and back and forth.

Maybe my graph is wrong:
```/**
 *
 * * 🗺️[MainGraph]
 * * ∙∙∙∙∙∙∙∙↳🗺️🏁[ExploreNavGraph] 🧩
 * * ∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙ ☝️ to see contents 
 * * ∙∙∙∙∙∙∙∙↳🗺️[MyLibraryNavGraph] 🧩
 * * ∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙ ☝️ to see contents 
 * * ∙∙∙∙∙∙∙∙↳🗺️[SettingsNavGraph] 🧩
 * * ∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙∙ ☝️ to see contents 
 */```
