如何让Jetpack Compose迷你播放器全屏时完全隐藏且不响应触摸？

• 核心思路：不要仅依赖透明度隐藏组件，需从可见性控制或触摸事件拦截入手，确保全屏状态下组件既不可见也不响应任何交互。

以下是几种可行的实现方式：

方式一：控制组件可见性（彻底移除布局） #

用Modifier.visibility()替代透明度设置，全屏时将可见性设为Visibility.Gone，组件会直接从布局树中移除，完全不占用空间也不响应触摸：

val isFullScreen = remember { mutableStateOf(false) }

Box(
    modifier = Modifier
        .visibility(if (isFullScreen.value) Visibility.Gone else Visibility.Visible)
) {
    // 你的迷你播放器内容
}

方式二：保留布局但禁用所有触摸交互 #

如果需要维持布局结构避免跳动，可同时禁用点击并拦截所有触摸事件：

val isFullScreen = remember { mutableStateOf(false) }

Surface(
    modifier = Modifier
        .alpha(if (isFullScreen.value) 0f else 1f)
        .clickable(enabled = !isFullScreen.value) { /* 原有点击逻辑 */ }
        .pointerInput(isFullScreen.value) {
            if (isFullScreen.value) {
                // 拦截所有触摸事件，不让事件传递
                awaitPointerEventScope {
                    while (true) {
                        awaitPointerEvent()
                    }
                }
            }
        }
) {
    // 你的迷你播放器内容
}

方式三：条件渲染组件（最彻底） #

根据全屏状态直接决定是否渲染播放器组件，完全避免多余的布局和事件监听：

val isFullScreen = remember { mutableStateOf(false) }

if (!isFullScreen.value) {
    // 渲染你的迷你播放器
    MiniPlayer()
}

注意：如果仅设置Surface的clickable(enabled = false)无效，大概率是子组件存在独立的触摸监听，需确保所有子元素的交互也同步禁用，或直接采用上述更彻底的方案。

内容的提问来源于stack exchange，提问作者Bobby ESP