Jetpack Compose Material3：避免NavigationDrawerItem重复入返回栈

我正在学习Jetpack Compose with Material 3，已实现ModalNavigationDrawer且功能正常，但存在问题：处于HomeScreen时点击首页图标，会向返回栈添加新的HomeScreen实例。我使用ModalDrawerSheet和NavigationDrawerItem，希望维护当前页面状态，当点击菜单项的路由与当前页面一致时忽略点击，但不知如何为NavigationDrawerItem绑定路由信息，是否必须通过数据类自定义菜单项？

相关代码片段：

@Composable
fun MainCompose() {
    val navController = rememberNavController()
    val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed)
    val items = listOf(Icons.Default.Favorite, Icons.Default.Face, Icons.Default.Email)
    val scope = rememberCoroutineScope()

    val currentScreen by remember { mutableStateOf("home") }

    ModalNavigationDrawer(
        drawerState = drawerState, gesturesEnabled = false,
        drawerContent = {
            ModalDrawerSheet(modifier = Modifier.fillMaxWidth(0.8f)) {
                Spacer(modifier = Modifier.height(12.dp))

                NavigationDrawerItem(
                    icon = { Icon(items[0], contentDescription = null) },
                    label = { Text(text = "Home") },
                    selected = false,
                    onClick = {
                        scope.launch { drawerState.close() }
                        navController.navigate("home"){
                            popUpTo("home")
                        }
                    }
                )
            }
        }
    )
}

• 推荐用数据类自定义菜单项，这是最整洁可靠的方式，能统一管理每个菜单项的图标、显示文本、路由信息，避免零散硬编码。
• 无需手动维护currentScreen，直接通过NavController实时获取当前路由，避免状态不一致。
• 在点击事件中判断当前路由与目标路由是否一致，一致时仅关闭抽屉；不一致时执行导航并配置返回栈规则，避免重复入栈。

修改后的完整代码示例：

@Composable
fun MainCompose() {
    val navController = rememberNavController()
    val drawerState = rememberDrawerState(initialValue = DrawerValue.Closed)
    val scope = rememberCoroutineScope()

    // 自定义数据类封装菜单项的所有信息
    data class DrawerItem(
        val icon: ImageVector,
        val label: String,
        val route: String
    )

    // 定义所有抽屉菜单项
    val drawerItems = listOf(
        DrawerItem(Icons.Default.Favorite, "Home", "home"),
        DrawerItem(Icons.Default.Face, "Profile", "profile"),
        DrawerItem(Icons.Default.Email, "Messages", "messages")
    )

    // 实时获取当前页面路由
    val currentRoute = navController.currentBackStackEntryAsState().value?.destination?.route

    ModalNavigationDrawer(
        drawerState = drawerState,
        gesturesEnabled = false,
        drawerContent = {
            ModalDrawerSheet(modifier = Modifier.fillMaxWidth(0.8f)) {
                Spacer(modifier = Modifier.height(12.dp))

                drawerItems.forEach { item ->
                    val isSelected = currentRoute == item.route
                    NavigationDrawerItem(
                        icon = { Icon(item.icon, contentDescription = item.label) },
                        label = { Text(text = item.label) },
                        selected = isSelected,
                        onClick = {
                            scope.launch { drawerState.close() }
                            // 当前路由与目标路由一致时，不执行导航
                            if (currentRoute != item.route) {
                                navController.navigate(item.route) {
                                    // 弹出到根路由，清理返回栈冗余实例
                                    popUpTo(navController.graph.startDestinationId) {
                                        saveState = true
                                    }
                                    // 确保相同路由只保留一个实例
                                    launchSingleTop = true
                                    restoreState = true
                                }
                            }
                        }
                    )
                    Spacer(modifier = Modifier.height(8.dp))
                }
            }
        },
        content = {
            // 导航宿主，替换为你的页面路由配置
            NavHost(navController = navController, startDestination = "home") {
                composable("home") { HomeScreen() }
                composable("profile") { ProfileScreen() }
                composable("messages") { MessagesScreen() }
            }
        }
    )
}

// 示例页面Composable
@Composable
fun HomeScreen() { /* 页面内容实现 */ }
@Composable
fun ProfileScreen() { /* 页面内容实现 */ }
@Composable
fun MessagesScreen() { /* 页面内容实现 */ }

核心优化点说明：

1. 数据类统一管理：通过DrawerItem把每个菜单项的图标、文本、路由绑定在一起，代码更易维护。
2. 实时获取当前路由：借助navController.currentBackStackEntryAsState()自动同步当前页面路由，无需手动维护状态。
3. 导航逻辑优化：点击时先判断路由是否一致，避免重复入栈；通过popUpTo和launchSingleTop确保返回栈整洁，不会积累相同页面实例。

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