Android Jetpack Compose导航中获取上一页以管理页面进出动画

1. 同一页面针对不同导航场景设置不同进出动画的通用方案 #

方案一：跳转时显式指定动画参数 #

最直接的方式是在不同页面跳转至page1时，分别配置对应的动画参数，无需依赖动态判断。

从page4跳转示例：

navController.navigate("page1") {
    popUpTo("page5") { inclusive = true }
    // 配置page4→page1的专属动画
    enterAnim = R.anim.slide_in_left
    exitAnim = R.anim.slide_out_right
    popEnterAnim = R.anim.slide_in_right
    popExitAnim = R.anim.slide_out_left
}

从page5跳转时替换为另一组动画：

navController.navigate("page1") {
    popUpTo("page5") { inclusive = true }
    // 配置page5→page1的专属动画
    enterAnim = R.anim.fade_in
    exitAnim = R.anim.fade_out
    popEnterAnim = R.anim.fade_in
    popExitAnim = R.anim.fade_out
}

方案二：在导航图中配置不同Action的动画 #

如果跳转关系固定，可在导航图XML中为不同来源页到page1的跳转分别定义Action，并配置对应动画。

导航图示例：

<fragment
    android:id="@+id/page4"
    android:name="com.example.Page4Fragment">
    <action
        android:id="@+id/action_page4_to_page1"
        app:destination="@id/page1"
        app:enterAnim="@anim/slide_in_left"
        app:exitAnim="@anim/slide_out_right"
        app:popEnterAnim="@anim/slide_in_right"
        app:popExitAnim="@anim/slide_out_left"/>
</fragment>

<fragment
    android:id="@+id/page5"
    android:name="com.example.Page5Fragment">
    <action
        android:id="@+id/action_page5_to_page1"
        app:destination="@id/page1"
        app:enterAnim="@anim/fade_in"
        app:exitAnim="@anim/fade_out"
        app:popEnterAnim="@anim/fade_in"
        app:popExitAnim="@anim/fade_out"/>
</fragment>

跳转时直接调用对应Action：

// page4中跳转
navController.navigate(R.id.action_page4_to_page1) {
    popUpTo("page5") { inclusive = true }
}

// page5中跳转
navController.navigate(R.id.action_page5_to_page1) {
    popUpTo("page5") { inclusive = true }
}

方案三：通过参数传递来源标识动态设置动画 #

若需在page1侧动态判断动画，可在跳转时传递来源页标识，再在page1中根据标识设置动画。

跳转时传递参数：

// page4跳转
val bundle = Bundle().apply {
    putString("SOURCE_PAGE", "page4")
}
navController.navigate("page1", bundle) {
    popUpTo("page5") { inclusive = true }
}

// page5跳转
val bundle = Bundle().apply {
    putString("SOURCE_PAGE", "page5")
}
navController.navigate("page1", bundle) {
    popUpTo("page5") { inclusive = true }
}

在page1中处理动画：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val sourcePage = arguments?.getString("SOURCE_PAGE")
    sourcePage?.let {
        when(it) {
            "page4" -> {
                requireView().startAnimation(AnimationUtils.loadAnimation(context, R.anim.slide_in_left))
            }
            "page5" -> {
                requireView().startAnimation(AnimationUtils.loadAnimation(context, R.anim.fade_in))
            }
        }
    }
}

2. 可靠获取上一页的方法（不受pop操作影响） #

navController.previousBackStackEntry失效的核心原因是popUpTo或popUpBackStack()会移除栈中的页面，导致栈内的上一页并非实际来源页。需通过主动记录的方式获取：

方法一：用共享ViewModel存储来源页 #

创建一个全局共享的NavigationViewModel，在跳转前主动设置来源页标识：

// 共享ViewModel类
class NavigationViewModel : ViewModel() {
    private val _previousPage = MutableLiveData<String>()
    val previousPage: LiveData<String> = _previousPage

    fun setPreviousPage(pageName: String) {
        _previousPage.value = pageName
    }
}

跳转时设置来源：

// page4中
val viewModel = ViewModelProvider(requireActivity())[NavigationViewModel::class.java]
viewModel.setPreviousPage("page4")
navController.navigate("page1") {
    popUpTo("page5") { inclusive = true }
}

// page5中
val viewModel = ViewModelProvider(requireActivity())[NavigationViewModel::class.java]
viewModel.setPreviousPage("page5")
navController.navigate("page1") {
    popUpTo("page5") { inclusive = true }
}

在page1中获取来源：

val viewModel = ViewModelProvider(requireActivity())[NavigationViewModel::class.java]
viewModel.previousPage.observe(viewLifecycleOwner) { sourcePage ->
    // 根据sourcePage处理逻辑或动画
}

方法二：通过跳转参数传递来源页 #

直接在跳转时将来源页作为参数传递给page1，这种方式不受栈操作影响，参数会随跳转一同传递：

// 跳转时传参
navController.navigate("page1", bundleOf("SOURCE_PAGE" to "page4")) {
    popUpTo("page5") { inclusive = true }
}

在page1中读取参数：

val sourcePage = arguments?.getString("SOURCE_PAGE")
// 基于sourcePage执行逻辑

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