如何使用 Jetpack Compose 中的新参数返回？

Question

我想使用不同的输入参数返回。

我有一个ParentScreen ，它正在使用输入参数arg （= "first" ）。 代码通过在按下按钮时发送newArg (= "firstsecond" ) 从父级导航到子级。 从孩子导航回父母时，我希望父母的输入arg为"fistsecond" 。

下面我写了代码（它不工作）来展示我想要的。

@Composable
fun ParentScreen(
    nav: NavHostController,
    arg: String = "first"
) {
    val newArg = arg + "second"
    
    Button(onClick = { 
        nav.navigate("child/$newArg") {
            popUpTo("parent/$newArg") {
                saveState = true
            }
        }
    }) {
        Text(text = arg)
    }
}

Answer 1

您可能想要做的是将父可组合项作为单顶启动，当从子可组合项导航时，您可以发送新参数并再次将其作为单顶启动。 如果您使用组合导航，则可以通过以下方式实现；

您可以像这样第一次启动 ParentScreen；

navController.navigate("parent/first") {
    launchSingleTop = true
}

然后像往常一样导航到 ChildScreen；

navController.navigate("child/firstSecond")

在 ChildScreen 中，像这样导航到 ParentSceen，这将从导航堆栈中删除 ChildScreen 并将 ParentScreen 作为单个顶部启动，结果堆栈中只有 ParentScreen 具有新参数；

navController.navigate("parent/$newArg") {
    launchSingleTop = true
    popUpTo("child/{someArg}") {
        inclusive = true
    }
}

完整代码在这里；

@Composable
fun SampleNavHost(
    modifier: Modifier = Modifier,
    navController: NavHostController,
    onBackClick: () -> Unit,
    startDestination: String = "start_dest",
) {
    NavHost(
        modifier = modifier,
        navController = navController,
        startDestination = startDestination
    ) {
        composable("start_dest") {
            Button(onClick = {
                navController.navigate("parent/first") {
                    launchSingleTop = true
                }
            }) {
                Text(text = "move to parent")
            }
        }
        composable("parent/{someArg}") {
            val arg = it.arguments?.getString("someArg").orEmpty()
            ParentScreen(
                title = arg,
                navStackSize = navController.backQueue.size.toString(),
                onButtonClick = {
                    navController.navigate("child/firstSecond")
                }
            )
        }
        composable("child/{someArg}") {
            val arg = it.arguments?.getString("someArg").orEmpty()
            val newArg = arg + "second"
            ChildScreen(
                title = arg,
                onButtonClick = {
                    navController.navigate("parent/$newArg") {
                        launchSingleTop = true
                        // this will navigate current composable from stack when navigating
                        popUpTo("child/{someArg}") {
                            inclusive = true
                        }
                    }
                }
            )
        }
    }
}

@Composable
fun ParentScreen(
    title: String,
    navStackSize: String,
    onButtonClick: () -> Unit,
) {
    Column {
        Text(text = "Parent Screen, stack size: $navStackSize")
        Button(onClick = onButtonClick) {
            Text(text = title)
        }
    }
}

@Composable
fun ChildScreen(
    title: String,
    onButtonClick: (String) -> Unit,
) {
    Column {
        Text(text = "Child Screen")
        Button(onClick = { onButtonClick(title) }) {
            Text(text = title)
        }
    }
}