EnterTransition

Artifact: androidx.compose.animation:animation

Added in 1.0.0

Cmn
```
sealed class EnterTransition
```

EnterTransition defines how an AnimatedVisibility Composable appears on screen as it becomes visible. The 4 categories of EnterTransitions available are:

fade: fadeIn
scale: scaleIn
slide: slideIn, slideInHorizontally, slideInVertically
expand: expandIn, expandHorizontally, expandVertically

EnterTransition.None can be used when no enter transition is desired. Different EnterTransitions can be combined using plus operator, for example:

import androidx.compose.animation.AnimatedVisibility
import androidx.compose.animation.core.Spring
import androidx.compose.animation.core.spring
import androidx.compose.animation.core.tween
import androidx.compose.animation.fadeIn
import androidx.compose.animation.fadeOut
import androidx.compose.animation.slideIn
import androidx.compose.animation.slideInHorizontally
import androidx.compose.animation.slideOut
import androidx.compose.animation.slideOutHorizontally
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.requiredHeight
import androidx.compose.foundation.layout.width
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

var visible by remember { mutableStateOf(true) }
AnimatedVisibility(
    visible = visible,
    enter =
        slideInHorizontally(animationSpec = tween(durationMillis = 200)) { fullWidth ->
            // Offsets the content by 1/3 of its width to the left, and slide towards right
            // Overwrites the default animation with tween for this slide animation.
            -fullWidth / 3
        } +
            fadeIn(
                // Overwrites the default animation with tween
                animationSpec = tween(durationMillis = 200)
            ),
    exit =
        slideOutHorizontally(animationSpec = spring(stiffness = Spring.StiffnessHigh)) {
            // Overwrites the ending position of the slide-out to 200 (pixels) to the right
            200
        } + fadeOut(),
) {
    // Content that needs to appear/disappear goes here:
    Box(Modifier.fillMaxWidth().requiredHeight(200.dp)) {}
}

Note: fadeIn, scaleIn and slideIn do not affect the size of the AnimatedVisibility composable. In contrast, expandIn will grow the clip bounds to reveal the whole content. This will automatically animate other layouts out of the way, very much like animateContentSize.

See also
`fadeIn`
`scaleIn`
`slideIn`
`slideInHorizontally`
`slideInVertically`
`expandIn`
`expandHorizontally`
`expandVertically`
`AnimatedVisibility`

Summary

Public companion properties
`EnterTransition`	`None` This can be used when no enter transition is desired.	Cmn

Protected constructors
`EnterTransition()`	Cmn

Public functions
`open operator Boolean`	`equals(other: Any?)`	Cmn
`open Int`	`hashCode()`	Cmn
`operator EnterTransition`	`plus(enter: EnterTransition)` Combines different enter transitions.	Cmn
`open String`	`toString()`	Cmn

Extension functions
`infix ContentTransform`	`EnterTransition.togetherWith(exit: ExitTransition)` This creates a `ContentTransform` using the provided `EnterTransition` and `exit`, where the enter and exit transition will be running simultaneously.	Cmn
`infix ContentTransform`	`@ExperimentalAnimationApi EnterTransition.with(exit: ExitTransition)` This function is deprecated. Infix fun EnterTransition.with(ExitTransition) has been renamed to togetherWith	Cmn

Public companion properties

None

Cmn

Added in 1.0.0

val None: EnterTransition

This can be used when no enter transition is desired. It can be useful in cases where there are other forms of enter animation defined indirectly for an AnimatedVisibility. e.g.The children of the AnimatedVisibility have all defined their own EnterTransition, or when the parent is fading in, etc.

See also
`None`

Protected constructors