Compose Navigation : Passing Arguments in Back Stack

Question

I have tried all possible way looks like not getting a solution to this.

I am using an all compose app with compose screens and using compose navigation to navigate between this screen, I have a scenario where I am navigating further in this manner

Screen A > Screen B1 >..> Screen BN > Screen C

Now After I have done with the function on Screen C, I want to pop back to Screen A but this time with an optional argument for eg: Success

I have done this to navigate to A:

val route = "ScreenA?arg={arg}"

// navigating like this
navController.navigate("ScreenA")


// handling
composable(route, arguments = listOf(navArgument("arg") { nullable = true })){
  ScreenA()
}

Now for popping back to ScreenA from where ever I am I have done this:

navController.popBackStack(
                route = route,
                inclusive = false
            )

I want to send argument now while popping back. I have tried adding route as

 ScreenA?arg=success

Which Doesn't work as inside popBackStack function, it checks the hashcode of the route

popBackStack(createRoute(route).hashCode(), inclusive, saveState)

in this case my navigation fails

I have tried setting argument to back stack entry also but as it can be N Screen in between it wont work. Need to understand where I am doing wrong or if theres a way to do it?

Answer 1

I'm trialing a workaround for this scenario using the saveStateHandle to communicate the "return result".

1. Pop backstack to target (static) route

2. Get the current backstack entry (this is now the target) and modify it's savedStateHandle (e.g. add the "return argument").

3. In the target composable setup a stateFlow for the savedStateHandle to collect the return argument.

---

Example:

navHostController.popBackStack("ScreenA")
navHostController.currentBackStackEntry?.savedStateHandle?.set(RETURN_RESULT_KEY, "SUCCESS") 

Then on the composable of ScreenA use the NavBackStackEntry from the NavGraphBuilder to retrieve the savedStateHandle

val popReturnResult by backStackEntry.savedStateHandle.getStateFlow(RETURN_RESULT_KEY, "EMPTY").collectAsState() 

In my case I'm passing it to the viewModel to make sense of it.

LaunchedEffect(popReturnResult) {
    if (popReturnResult != "EMPTY") {
        viewModel.handlePopReturnResult(popReturnResult)
        backStackEntry.savedStateHandle.remove<String>(RETURN_RESULT_KEY)
    }
}

There the viewModel will then receive a "SUCCESS" in handlePopReturnResult if it came from the right popBackStack call.

Either way I'll only be using this to communicate THAT there are results. The actual result state will be living in a global cache / repository somewhere else.

Answer 2

I do this here https://github.com/google/horologist/blob/5884bfd051e5692dae874003ded80c4c39375c93/media-ui/src/main/java/com/google/android/horologist/media/ui/navigation/MediaNavController.kt#L64

It's effectively

    public fun NavController.navigateToXWithArgument() {
        navigate("player?page=0") {
            popUpTo("player?page={page}") {
                inclusive = true
                saveState = false
            }
        }
    }

I think it's important that the route in popUpTo does not have any real values, so it's exactly what you passed in when you defined the route.

In my case to read it, I use a LaunchedEffect to react when it gets set and remove it, but you may want something different.

    val pageParam = backStack.arguments?.getInt(page, -1) ?: -1
    backStack.arguments?.remove(page)

LaunchedEffect(pageParam) {
        if (pageParam != null) {
                // do something
        }
    }

Answer 3

Try setting value to previousBackStackEntry like

navController.previousBackStackEntry?.savedStateHandle?.set(
                        "resultStatus",
                        true
                    )

from the second screen and in the first screen which is ScreenA add

val noResultData =
                backStackEntry.savedStateHandle.getLiveData<Boolean>("resultStatus")
                    .observeAsState(false)

inside the composable(route){ backStackEntry -> } .This might fix your issue.

Once it is used you can remove it like this

backStackEntry.savedStateHandle.remove<Boolean>("resultStatus")