Compose - AnimatedVisibility 和偏移量

Question

在向AnimatedVisibility 添加进入和退出过渡时，如果可组合动画具有偏移修改器，则过渡不可见：

AnimatedVisibility(
            visible = visible,
            enter = fadeIn(animationSpec = tween(1000)),
            exit = fadeOut(animationSpec = tween(1000))
        ) {
            Text(
                text = "Hello, world!", modifier = Modifier
                    // This will make the transition not working
                    //.offset(100.dp, 0.dp)
            )
        }
        Button(onClick = { visible = !visible }) {
            Text("Click Me")
        }

这是没有偏移的动画：

这是带有偏移量的动画：

有没有办法让它工作？

Answer 1

不要将偏移修改器放到Text 上。把它放到AnimatedVisibility 上：

AnimatedVisibility(
            visible = visible,
            enter = fadeIn(animationSpec = tween(1000)),
            exit = fadeOut(animationSpec = tween(1000)),
            modifier = Modifier.offset(100.dp, 0.dp)
        ) {
            Text(text = "Hello, world!")
        }