Jetpack Compose导航时屏幕重叠/部分渲染问题求助

问题重现 #

已在NavHost中禁用导航动画，但执行导航或调用popBackStack回退的初始阶段，屏幕仍出现部分渲染异常。相关代码如下：

@Composable
fun OwnerProfileNavigation(
    navController: NavHostController,
    startDestination: String
) {

    val screen = remember(navController) {
        OwnerProfileScreens(navController = navController)
    }
    NavHost(
        navController = navController,
        startDestination = startDestination,
        enterTransition = {
            EnterTransition.None

        },
        popExitTransition = { ExitTransition.None},
        exitTransition = {
            ExitTransition.None
        },


    ) {
        ownerProfileScreen(navigateToDriverScreen = screen.ownerProfile)
        ownerToDriver()



    }

}

异常效果演示：

解决步骤 #

1. 补充全局过渡配置
   当前代码未设置popEnterTransition，回退操作时新屏幕的进入过渡仍会触发，导致渲染异常。需补充该配置：

NavHost(
    navController = navController,
    startDestination = startDestination,
    enterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None } // 新增此配置
) {
    // 导航目的地定义
}

2. 为单个目的地单独配置过渡
   如果全局配置不生效，可在每个导航目的地的composable函数中单独指定所有过渡参数：

composable(
    route = "owner_profile",
    enterTransition = { EnterTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None }
) {
    OwnerProfileScreen(navigateToDriverScreen = ...)
}

composable(
    route = "owner_to_driver",
    enterTransition = { EnterTransition.None },
    exitTransition = { ExitTransition.None },
    popEnterTransition = { EnterTransition.None },
    popExitTransition = { ExitTransition.None }
) {
    OwnerToDriverScreen()
}

3. 升级Navigation Compose版本
   部分旧版本的Navigation Compose存在过渡禁用不彻底的bug，建议升级至最新稳定版（如androidx.navigation:navigation-compose:2.7.7及以上）。

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