Jetpack Compose返回导航时随机出现白屏覆盖问题问询

问题现象 #

• 在Jetpack Compose中，点击返回图标触发navController.navigateUp()时，随机出现白屏或未知背景覆盖前一页面的异常，无相关报错日志。
• 推测该问题与NavHost的过渡动画相关。

核心疑问 #

1. 若解决方案为移除NavHost设置的Color.White背景色，为何问题是随机触发而非必现？
2. 若背景为不透明白色，后方页面的图标应完全被遮挡，但实际仍能看到后方图标（对应白屏覆盖截图）。

相关代码片段 #

NavHost(navController = navController,
    startDestination = NavigationMenuItem.Registration.name,  // Screen.PatientQueueScreen.route
    modifier = modifier
        .background(color = Color.White) {
{

    composable(route = NavigationMenuItem.Registration.name) {
        val viewModel: PatientSearchViewModel = viewModel()
        PatientSearchScreen(viewModel, navController, loadingViewModel)
    }
    composable(route = NavigationMenuItem.Admission.name) {

        val viewModel: PatientQueueViewModel = viewModel()
        AdmissionsScreen(viewModel, navController, loadingViewModel)
    }
}

补充测试情况 #

移除NavHost的背景色设置后，仍出现两种状态：

• 异常状态：页面存在淡色覆盖层（类似透明或默认背景色）
• 正常状态：页面显示完全正常

对应截图 #

• 淡色覆盖层页面：
• 正常显示页面：
• 白屏覆盖页面：

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