刪除 InteractionState 后，在 Jetpack Compose Beta 1 中按下 state

Question

在 compose-beta01 之前，使用InteractionState在 Jetpack Compose 中提升按下的 state 非常容易：

@Composable
fun App() {
    val interactionState = remember { InteractionState() }
    val pressed = interactionState.contains(Interaction.Pressed)

    MyComposable(Modifier.clickable(interactionState = interactionState) { })
}

InteractionState 在 beta01 中被刪除，現在有明顯的方法來復制這種行為。 如何使用clickable的修飾符提升按下的 state？

Answer 1

您是否嘗試過應用Compose beta01發行說明中解釋的內容？

InteractionState已替換為[Mutable]InteractionSource

• 接口負責發出/收集交互事件。
• 不要將interactionState = remember { InteractionState() }傳遞給Button和Modifier.clickable()等組件，而是使用interactionSource = remember { MutableInteractionSource() } 。
• 而不是： Interaction.Pressed in interactionState您應該使用 InteractionSource 上的擴展函數，例如 InteractionSource.collectIsPressedAsState()。
• 對於復雜的用例，您可以使用 InteractionSource.interactions 來觀察交互的 stream。 有關詳細信息，請參閱 InteractionSource 文檔和示例。
• （ I85965 、 b/152525426 、 b/171913923 、 b/171710801 、 b/174852378 ）

所以，在你的例子中，我會嘗試這樣的事情：

val interactionSource = remember { MutableInteractionSource() }
val pressedState = interactionSource.collectIsPressedAsState()

MyComposable(
    Modifier.clickable(
        interactionSource = interactionSource,
        indication = LocalIndication.current
    ) {}
)