Compose-navigation: 问题汇总

前言

Compose 非常适合构建单Activity应用, 本篇适合单Activity,多Composable,无Fragment的情况.

---

一、默认的navigation没有页面进出的动画

这里需要 accompanist-navigation-animation 库.
该部分出自: 动画实现更简单，Navigation Compose 帮您忙

1.导包 accompanist-navigation-animation

implementation "androidx.navigation:navigation-compose:2.4.2"
implementation "com.google.accompanist:accompanist-navigation-animation:0.24.10-beta"

2.自定义navigation-composable

这里默认 页面打开时从右侧进入; 注意这里 composable 导包, 是accompanist下的.

import androidx.compose.animation.*
import androidx.compose.runtime.Composable
import androidx.navigation.NamedNavArgument
import androidx.navigation.NavBackStackEntry
import androidx.navigation.NavDeepLink
import androidx.navigation.NavGraphBuilder
import com.google.accompanist.navigation.animation.composable

/**
 * accompanist-navigation-animation
 * navHostController.navigate()     时 右进左出
 * navHostController.popBackStack() 时 左进右出
 */
@ExperimentalAnimationApi
fun NavGraphBuilder.myComposable(
  route: String,
  arguments: List<NamedNavArgument> = emptyList(),
  deepLinks: List<NavDeepLink> = emptyList(),
  enterTransition: (AnimatedContentScope<NavBackStackEntry>.() -> EnterTransition?)? = {
   
   
    slideInHorizontally(initialOffsetX = {
   
    it })
  },
  exitTransition: (AnimatedContentScope<NavBackStackEntry>.() -> ExitTransition