Compose单Activity项目Predictive Back动画异常问题求助

算力阿峰

2026-6-2

临时修复方案

监听页面切换重置状态：给navController添加页面切换监听器，每次页面切换完成后清理可能残留的动画状态标记，避免状态污染后续回退操作：

navController.addOnDestinationChangedListener { _, _, _ ->
    navController.currentBackStackEntry?.savedStateHandle?.remove("predictive_back_animation_state")
}

自定义导航器修正逻辑：继承ComposeNavigator，重写popBackStack方法，在检测到手势取消时主动清理动画相关的状态变量，确保下次回退时动画方向逻辑正确。
升级依赖版本：优先尝试升级Navigation Compose到最新稳定版（如2.7.5及以上），Google后续版本大概率修复了这个手势取消后的状态残留bug。

正确实现注意事项

明确绑定动画方向：定义页面过渡动画时，严格区分前进和回退方向的动画，不要使用动态切换的逻辑，确保enter/exit对应前进，popEnter/popExit对应回退：

// 前进动画：新页面从右滑入，当前页面滑出左侧
val forwardEnter = slideInHorizontally(initialOffsetX = { it })
val forwardExit = slideOutHorizontally(targetOffsetX = { -it })
// 回退动画：上一页从左滑入，当前页面滑出右侧
val backEnter = slideInHorizontally(initialOffsetX = { -it })
val backExit = slideOutHorizontally(targetOffsetX = { it })

val transitionSpec = AnimatedContentTransitionScope<NavBackStackEntry>.() -> ContentTransform {
    forwardEnter with forwardExit
    popEnter = backEnter
    popExit = backExit
}