```AnimatedVisibility( visible = value != null ) { if (value != null) { Text(value) ...

# compose

[ursus]

AnimatedVisibility(
    visible = value != null
) {
    if (value != null) {
        Text(value)
    }
)

is this the correct way of using AnimatedVisibility with Nullable values?

feels a bit janky with the inner null check again

[vide]

You probably want to use AnimatedContent instead. It provides the state for the content lambda:

AnimatedContent(state = value) {
    if (value != null) {
        Text(value)
    }
}

It uses AnimatedVisibility internally.

[ursus]

works thanks!

[ursus]

a follow up though

I override the transitionSped as I want a fade in and out only via transitionSpec { fadeIn() togerherWith fadeOut() }

but there is some sort of horizontal sliding going on

am I doing it wrong?

[vide]

can you post the complete call to animatedcontent?

[vide]

don't remember the exact api right now, but you might have a size transition, try adding using null to the end

[ursus]

@vide here, with a video

Row(
    modifier = Modifier
        .fillMaxWidth(),
    horizontalArrangement = Arrangement.SpaceBetween,
    verticalAlignment = Alignment.CenterVertically
) {
    Text(
        text = fieldName,
        style = MaterialTheme.typography.caption,
        fontWeight = FontWeight.Medium
    )

    AnimatedContent(
        targetState = error,
        transitionSpec = { fadeIn() togetherWith fadeOut() },
        label = ""
    ) {
        if (it != null) {
            Text(
                text = it,
                color = MaterialTheme.colors.onErrorBackground,
                style = MaterialTheme.typography.caption,
                maxLines = 1
            )
        }
    }
}

as you can see there is this sliding & scaling effect as well, weird

Screen Recording 2023-10-15 at 00.51.34.mov

[ursus]

whats funny is even if I change it to

transitionSpec = { fadeIn(animationSpec = tween(1000)) togetherWith fadeOut(animationSpec = tween(1000)) }

i.e. just a longer duration, just to see it better, its the same speed as before, the slide scale is still there, same speed, but the concurrent fade is slower

looks like a bug to me

[ursus]

Screen Recording 2023-10-15 at 01.06.36.mov

Screen Recording 2023-10-15 at 01.06.36.mov

[ursus]

Crossfade(targetState = error, label = "dwq") {

this works thought

even thought I didnt even know about it, as crossfade seems like just a specification of AnimatedContent/Visibility transition, no?

Why hardcode a single transition that way, when there are endless of combinations..weird api

[Albert Chang]

You don't need the inner null check when using AnimatedVisibility. Actually adding that will break the animation.

[vide]

@ursus did you try disabling the SizeTransform

[vide]

transitionSpec = { fadeIn() togetherWith fadeOut() using null }