How can I get rid of `compose-navigation`'s cross-fade animation? It doesn't work well with 1. hidin...

# compose

[Florian]

How can I get rid of `compose-navigation`'s cross-fade animation? It doesn't work well with 1. hiding bottom bars, 2. per-screen scaffolds.
I can use Accompanist, but I don't wanna set the transition to null in each single composable path 😣.

[Albert Chang]

https://kotlinlang.slack.com/archives/CJLTWPH7S/p1633338107455900

[cb]

I can use Accompanist, but I don't wanna set the transition to null in each single composable path

You don't need to. You can set the default transition (i.e. null) on the AnimatedNavHost

[sindrenm]

Also, a side note: Setting it to null on each composable() wouldn't work, right? Since that would then default up to whatever's set on the AnimatedNavHost, which is the `fadeIn`/`fadeOut`.

[Florian]

null was just a placeholder for whatever I would have to pass 😆

[Florian]

thank you @cb that's great

[Florian]

but how exactly do I do that?

[Florian]

pass `enter`/`exit`/`pop` to the AnimatedNavHost?

[Florian]

and what value? null does indeed not work

[Florian]

AnimatedNavHost(
    navController = navController,
    startDestination = bottomNavDestinations[0].route,
    modifier = modifier,
    enterTransition = {_,_ -> EnterTransition.None },
    exitTransition = {_,_ -> ExitTransition.None },
    popEnterTransition = {_,_ -> EnterTransition.None },
    popExitTransition = {_,_ -> ExitTransition.None },
)

Is this the way?

[cb]

Yep, looks good to me

[Florian]

thank you very much @cb