如何知道文本在 Jetpack Compose 上是否可见？

Question

我有一个可滚动的屏幕，我想在该屏幕中出现特定文本 appears/disappears 时执行操作。有什么办法吗？谢谢

Answer 1

使用 MutableState 来保持可见性。

val text1Visibility = mutableStateOf(true)

@Composable
fun Text(){
  if(text1Visibility.value)
    Text(text = "hello world")
}

以上是可见和消失的技巧，对于不可见，现在使用Modifier.drawOpacity(0f)。

@Composable
fun Text(){
    Text(text = "hello world", modifier = Modifier.drawOpacity(0f))
}

Answer 2

val isVisible = remember {
  mutableStateOf(false)
}

从 2022 年起，您应该为观点状态做这样的事情。

remember() 可以保存任何你想要的值类型的状态。

How to know if Text is visible on Jetpack Compose?