Android Jetpack Compose Navigation导航后页面未切换问题

代码存在2处问题，直接导致导航动作触发后页面无视觉切换：

• 核心错误：FirstRunActivity的Composable树中，在setUpNavHost()调用外额外独立执行了firstRunLayout(navController)。这个布局脱离NavHost的生命周期管理，会被固定绘制在视图层级最上层，哪怕NavHost内部已经完成路由切换到登录页，用户看到的始终是这个固定加载的首屏布局。
• 次要问题：NavHost的路由composable块中，Log.d()日志写在布局函数调用之后，Composable重组时序可能导致日志打印和页面实际可见状态不同步，容易误导调试判断，但不是导航失效的直接原因。

1. 删除Activity中NavHost外部多余的firstRunLayout(navController)调用，所有页面渲染完全交给NavHost托管，不要在NavHost外部手动调用任何路由页的Composable函数。
2. 调整NavHost内日志打印的位置，放在布局函数调用前，保证日志和页面进入Composition的时机对齐。

修正后的Activity代码 #

class FirstRunActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MemorizableTheme {
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = Color(0xFFEF4746)
                ) {
                    val navController = rememberNavController()
                    setUpNavHost(navController = navController)
                }
            }
        }
    }
}

修正后的NavHost配置代码 #

@Composable
fun setUpNavHost(navController: NavHostController) {
    NavHost(navController = navController, startDestination = Screen.FirstRun.route) {
        composable(route = Screen.FirstRun.route) {
            Log.d("NavHost", "FirstRun页面加载")
            firstRunLayout(navController)
        }
        composable(route = Screen.Login.route) {
            Log.d("NavHost", "Login页面加载")
            loginLayout()
        }
    }
}

补充说明：NavHost组件本身会根据当前持有的路由状态，自动重组、渲染对应路由的Composable页面，外部手动调用页面函数会导致视图层级重叠，出现导航日志正常打印但页面无切换的假象。

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