Android Compose底部导航传参异常问题解决方案求助

你的问题核心在于：通过Home页面显式传参跳转Calendar时，新的带参数状态未被正确保存，导致底部栏点击Calendar时，restoreState=true会恢复最早保存的旧参数状态（参数A），而非最新的参数B。

默认的底部栏导航逻辑中，第一次传参A跳转Calendar时，popUpTo("HOME") { saveState=true }会保存此时Calendar的状态（含参数A）；但后续传参B跳转时，未配置保存新状态的选项，因此底部栏点击仍会恢复旧状态。

要满足所有要求，需从路由定义、导航选项配置两方面修改，确保显式传参的状态被正确保存，底部栏导航优先恢复最新状态：

1. 修正Calendar路由参数定义 #

显式声明参数为可选，确保无参跳转时参数默认值为null：

composable(
    route = "CALENDAR?ARG={ARG}",
    arguments = listOf(
        navArgument("ARG") {
            nullable = true
            defaultValue = null
        }
    )
) { backStackEntry ->
    CalendarScreen(backStackEntry.arguments?.getString("ARG"))
}

2. 调整Home页面传参跳转逻辑 #

跳转时保存新的Calendar状态，覆盖旧状态，确保底部栏导航能恢复最新参数：

HomeScreen(
    onNavigateToCalendar = { argument ->
        navController.navigate("CALENDAR?ARG=$argument") {
            popUpTo("HOME") {
                saveState = true // 保存Home页面的状态（如滚动位置）
            }
            launchSingleTop = true // 复用Calendar页面实例，避免重复入栈
            restoreState = false // 不恢复旧的Calendar状态，使用新传入的参数
            saveState = true // 保存当前带新参数的Calendar状态，覆盖旧状态
        }
    }
)

3. 优化底部栏导航逻辑 #

保持官方推荐的底部栏导航逻辑，确保恢复最新保存的状态：

MyBottomBar(
    onClick = { destination ->
        navController.navigate(destination) {
            popUpTo("HOME") {
                saveState = true
            }
            launchSingleTop = true
            restoreState = true // 恢复对应页面的最新保存状态（含Calendar的最新参数）
        }
    }
)

4. 确保页面状态保存 #

Calendar页面的滚动状态等UI状态，需使用rememberSaveable或Compose内置的状态保存机制，例如：

@Composable
private fun CalendarScreen(argument: String?) {
    val scrollState = rememberSaveable { LazyListState() }
    LazyColumn(state = scrollState) {
        item { Text("CALENDAR with argument = $argument") }
        // 其他列表项
    }
}

@Composable
fun MainScreen() {
    val navController = rememberNavController()

    Scaffold(
        content = { paddingValues ->
            NavHost(
                navController = navController,
                startDestination = "HOME",
                modifier = Modifier.padding(paddingValues)
            ) {
                composable("HOME") {
                    HomeScreen(
                        onNavigateToCalendar = { argument ->
                            navController.navigate("CALENDAR?ARG=$argument") {
                                popUpTo("HOME") {
                                    saveState = true
                                }
                                launchSingleTop = true
                                restoreState = false
                                saveState = true
                            }
                        }
                    )
                }

                composable(
                    route = "CALENDAR?ARG={ARG}",
                    arguments = listOf(
                        navArgument("ARG") {
                            nullable = true
                            defaultValue = null
                        }
                    )
                ) { backStackEntry ->
                    CalendarScreen(backStackEntry.arguments?.getString("ARG"))
                }

                composable("MORE") {
                    MoreScreen()
                }
            }
        },
        bottomBar = {
            // 补充底部栏选中状态逻辑
            val currentRoute = navController.currentBackStackEntryAsState().value?.destination?.route
            MyBottomBar(
                currentRoute = currentRoute,
                onClick = { destination ->
                    navController.navigate(destination) {
                        popUpTo("HOME") {
                            saveState = true
                        }
                        launchSingleTop = true
                        restoreState = true
                    }
                }
            )
        }
    )
}

@Composable
private fun HomeScreen(
    onNavigateToCalendar: (argument: String) -> Unit
) {
    Column {
        Text("HOME")

        Button(
            onClick = { onNavigateToCalendar("A") },
            content = { Text("Navigate to CALENDAR with argument = A") },
        )

        Button(
            onClick = { onNavigateToCalendar("B") },
            content = { Text("Navigate to CALENDAR with argument = B") },
        )
    }
}

@Composable
private fun CalendarScreen(argument: String?) {
    // 使用rememberSaveable保存滚动状态
    val scrollState = rememberSaveable { LazyListState() }
    LazyColumn(state = scrollState, modifier = Modifier.fillMaxSize()) {
        item {
            Text("CALENDAR with argument = $argument", fontSize = 20.sp)
        }
        // 添加更多列表项测试滚动状态保存
        items(50) { index ->
            Text("Item $index", modifier = Modifier.padding(16.dp))
        }
    }
}

@Composable
private fun MoreScreen() {
    Text("MORE")
}

@Composable
private fun MyBottomBar(
    currentRoute: String?,
    onClick: (destination: String) -> Unit
) {
    BottomAppBar {
        listOf("HOME", "CALENDAR", "MORE").forEach { destination ->
            val selected = currentRoute?.startsWith(destination) == true
            BottomNavigationItem(
                selected = selected,
                icon = { Icon(Icons.Default.Home, contentDescription = destination) },
                label = { Text(destination) },
                onClick = { onClick(destination) },
            )
        }
    }
}

• 显式传参：点击Home的A/B按钮，Calendar会显示对应参数
• 底部栏跳转：从More点击底部栏Calendar，会显示最后一次传参的B
• 返回功能：从Calendar/More按返回键，均回到Home页面
• 状态保存：滚动Calendar列表后切换页面，再返回Calendar，滚动位置保持不变

内容的提问来源于stack exchange，提问作者m.reiter