Jetpack Compose应用返回导航按钮不显示问题求助

你的AppTopBar没有监听导航控制器的状态变化，导致从Home跳转到Add Student页面时，TopBar没有触发重新组合，依然沿用了初始状态下的判断结果（认为不存在上一页）。

修改AppTopBar，使用currentBackStackEntryAsState()监听导航栈的状态变化，确保TopBar能实时响应页面切换：

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun AppTopBar(
    navController: NavController,
    homeRoute: String
) {
    // 监听当前导航栈条目变化，确保状态更新时TopBar重新组合
    val currentBackStackEntry by navController.currentBackStackEntryAsState()
    // 判断是否显示返回按钮：当前页面不是Home，且存在上一页
    val showBackButton = currentBackStackEntry?.destination?.route != homeRoute && navController.hasPreviousBackStackEntry()

    CenterAlignedTopAppBar(
        title = { Text("Sample Room App") },
        navigationIcon = {
            if (showBackButton) {
                IconButton(
                    onClick = { navController.navigateUp() },
                ) {
                    Icon(
                        imageVector = Icons.AutoMirrored.Filled.ArrowBack,
                        contentDescription = "Go Back"
                    )
                }
            }
        }
    )
}

然后在SampleRoomApp中调用AppTopBar时传入Home页面的路由：

topBar = {
    AppTopBar(navController = navController, homeRoute = AppDestinations.HOME.name)
},

• 避免在路由中硬编码参数占位符（比如\\{$idArgument}），可以直接在AppDestinations的枚举值中定义带参数的路由常量，减少出错概率。
• 跳转Add Student页面时，可根据业务需求给navController.navigate()添加launchSingleTop = true参数，避免重复添加相同页面到导航栈。

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