Jetpack Compose中Navigation导航返回按钮不显示该如何修复？

• 原代码中navController.previousBackStackEntry的读取没有关联Compose的状态观察机制，仅在组合初始化时执行一次判断，导航栈发生变化时不会触发重组，所以TopAppBar的导航图标永远维持初始状态，自然不会正常显示和响应点击。

通过currentBackStackEntryAsState()监听导航栈变化，将导航图标逻辑放到TopAppBar的重组作用域内，确保栈变化时UI同步更新：

@ExperimentalFoundationApi
@Composable
fun LazyVerticalGridActivityScreen() {
    val navController = rememberNavController()
    // 监听导航栈变化，触发重组
    val currentBackStack by navController.currentBackStackEntryAsState()

    Scaffold(
        topBar = {
            val navigationIcon: (@Composable () -> Unit)? =
                if (currentBackStack?.previousBackStackEntry != null) {
                    {
                        IconButton(onClick = { navController.popBackStack() }) {
                            Icon(imageVector = Icons.Filled.ArrowBack, contentDescription = "返回")
                        }
                    }
                } else {
                    null
                }
            TopAppBar(
                title = { Text("Lazy Vertical Grid") }, 
                navigationIcon = navigationIcon
            )
        },
        content = {
            NavHost(navController = navController, startDestination = "home") {
                composable("home") { HomeScreen(navController) }
                composable("details/{listId}") { backStackEntry ->
                    backStackEntry.arguments?.getString("listId")
                        ?.let { DetailsScreen(it, navController) }
                }
            }
        }
    )
}

• 导航相关的UI判断逻辑不要放在Scaffold之外的顶层作用域，脱离重组作用域的状态变化不会触发UI更新。
• 若需要动态修改TopAppBar标题，也可以通过currentBackStack?.destination?.route判断当前页面路由，替换标题文本即可。

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