AnimatedVisibilityExample.kt

@Composable
fun AnimatedVisibilityExample() {
    // State to control the visibility of the text
    var isVisible by remember { mutableStateOf(true) }

    // Box to layer the button and the text
    Box(
        contentAlignment = Alignment.Center,
        modifier = Modifier.fillMaxSize()
    ) {
        // Button to toggle the visibility
        Button(onClick = { isVisible = !isVisible }) {
            Text("Toggle Visibility")
        }

        // AnimatedVisibility to control the appearance of the text
        AnimatedVisibility(
            visible = isVisible,
            enter = fadeIn(),
            exit = fadeOut()
        ) {
            // The text to show/hide
            Text("Hello, World!", modifier = Modifier.padding(top = 80.dp))
        }
    }
}