I'm confused trying get `AnimatedVisibility` working. It works fine to hide my composable, but it do...

# compose

[Sean Proctor]

I'm confused trying get AnimatedVisibility working. It works fine to hide my composable, but it doesn't show it when visible changes back to true.

[Sean Proctor]

I'm using the example from https://stackoverflow.com/questions/74381573/jetpack-compose-fab-hide-on-scroll-behavior to show/hide a FAB on scroll.

Scaffold(
    floatingActionButton = {
            val showFab = listState.isScrollingUp().value
            println("showing fab: $showFab")
            AnimatedVisibility(visible = showFab) {
                FloatingActionButton(
                    onClick = {
                        ...
                    }
                ) {
                    Icon(
                        imageVector = Icons.Default.Add,
                        contentDescription = "add"
                    )
                }
            }
    },
    ...
)

[Yves Kalume]

Is the showFab changing when you scroll?

[Sean Proctor]

Yes, it does.

[zokipirlo]

I would make showFab as derivedStateOf of listState . Like explained here: https://medium.com/androiddevelopers/jetpack-compose-when-should-i-use-derivedstateof-63ce7954c11b
val isEnabled = remember {
derivedStateOf { lazyListState.firstVisibleItemIndex > 0 }
}

[Sean Proctor]

I don't see why. That article states not to use derivedStateOf to combine values. I want the FAB to be visible when the user has last scrolled up, so the previous index needs to be remembered.

[zokipirlo]

What happens if you move showFab before Scaffold?