Jetpack Compose嵌套导航中如何清除返回栈至父级目标页面？

问题根源 #

你当前的嵌套导航实现存在核心问题：

• 在CheckoutNavigationGraph中新建了rememberNavController()，导致子导航图拥有独立的返回栈，和父级HomeNavGraph的navController完全隔离，子导航控制器无法访问父级栈中的页面。
• 父级用composable加载子导航图的方式，会把子图的所有页面包裹在一个父级composable条目里，而非作为独立栈条目存在，进一步加剧了栈的隔离性。

正确实现步骤 #

1. 重构导航结构，使用官方嵌套导航方式 #

将子导航图直接嵌套在父级NavHost的navigation块中，让整个导航栈由同一个navController管理，子图页面会作为父栈的一部分存在。修改后的HomeNavGraph代码如下：

@Composable
fun HomeNavGraph(navController: NavHostController) {
    val viewmodel: MainCategoryViewModel = hiltViewModel()
    NavHost(navController = navController, startDestination = "Home_Screen") {
        composable("Home_Screen") {
            HomeScreen(navController, viewmodel)
        }
        composable("Search_Screen") {
            SearchScreen()
        }
        composable("Shopping_Cart_Screen") {
            ShoppingCartScreen(navController, viewmodel)
        }
        composable("Profile_Screen") {
            ProfileScreen()
        }
        // 嵌套产品导航图（若需保留，同样用navigation块实现）
        navigation(startDestination = "Product_Start_Screen", route = "Product_Navigation_Graph") {
            composable("Product_Start_Screen") {
                // 产品起始页面实现
            }
            // 其他产品子页面
        }
        // 嵌套结账导航图
        navigation(startDestination = "Address_Details_Screen", route = "Checkout_Navigation_Graph") {
            composable("Address_Details_Screen") {
                AddressDetailsScreen(navController = navController)
            }
            composable("Add_New_Address_Screen") {
                AddNewAddressScreen(navController = navController)
            }
            composable("Payment_Screen") {
                PaymentScreen(navController)
            }
            composable("Billing_Screen") {
                val address = navController.previousBackStackEntry?.savedStateHandle?.get<Address>("address")
                BillingScreen(navController, address)
            }
        }
    }
}

2. 删除独立的CheckoutNavigationGraph函数 #

现在子导航图已整合到父级NavHost中，无需再单独创建带rememberNavController()的子NavHost。

3. 在PaymentScreen中实现返回并清除返回栈 #

此时整个导航栈由同一个navController管理，你可以使用以下代码回到Shopping_Cart_Screen并清除结账导航图的所有页面：

navController.navigate("Shopping_Cart_Screen") {
    // 清除结账导航图的所有栈条目
    popUpTo("Checkout_Navigation_Graph") {
        inclusive = true
    }
    // 避免重复添加Shopping_Cart_Screen到栈中
    launchSingleTop = true
}

或者直接定位到Shopping_Cart_Screen，清除它之上的所有条目：

navController.navigate("Shopping_Cart_Screen") {
    popUpTo("Shopping_Cart_Screen") {
        inclusive = false
    }
    launchSingleTop = true
}

内容的提问来源于stack exchange，提问作者Ankit Khyalia