Compose Multiplatform iOS 平台 Popup 组件快速关闭导致的崩溃问题分析

问题概述

在 Compose Multiplatform 1.6.10 版本中，iOS 平台上使用 Popup 组件时，如果快速打开并立即关闭（时间间隔在毫秒级别），会导致应用崩溃并抛出 kotlin.IllegalStateException: ComposeScene is closed 异常。这个问题在 Android 平台上不会出现，或者当关闭延迟时间较长（如超过50毫秒）时也不会发生。

问题重现

该问题可以通过以下步骤重现：

1. 创建一个包含 Popup 组件的 Composable 函数
2. 使用状态控制 Popup 的显示/隐藏
3. 在显示 Popup 后立即（毫秒级延迟）触发隐藏操作

典型的重现代码如下：

@Composable
fun LoadingHud() {
    Popup {
        // Popup 内容...
    }
}

@Composable
fun App() {
    var showContent by remember { mutableStateOf(false) }
    
    if (showContent) {
        LoadingHud()
    }

    Button(onClick = {
        showContent = true
        coroutineScope.launch {
            delay(10.milliseconds) // 小于50ms会导致崩溃
            showContent = false
        }
    }) {
        Text("Click me!")
    }
}

技术背景

在 Compose Multiplatform 中，Popup 组件的实现依赖于底层的 ComposeScene 机制。当 Popup 快速打开并关闭时，iOS 平台上的场景管理逻辑存在竞态条件，导致在尝试访问已关闭的场景时抛出异常。

解决方案

JetBrains 团队已经修复了这个问题，修复方案主要涉及：

1. 改进 ComposeScene 的生命周期管理
2. 增加对快速场景切换的健壮性处理
3. 确保场景关闭操作完成后才允许后续访问

该修复已合并到代码库中，并计划包含在 Compose Multiplatform 1.7.0 版本中发布。

临时解决方案

对于需要使用 1.6.x 版本的项目，可以采用以下临时解决方案：

1. 确保 Popup 显示时间至少为50毫秒以上
2. 在关闭 Popup 前添加适当延迟
3. 使用 try-catch 捕获可能的异常

coroutineScope.launch {
    try {
        delay(10.milliseconds)
        showContent = false
    } catch (e: IllegalStateException) {
        // 处理异常
    }
}

最佳实践建议

1. 避免在用户交互中频繁快速切换 Popup 状态
2. 对于需要立即反馈的场景，考虑使用其他UI元素替代Popup
3. 升级到包含修复的版本（1.7.0及以上）以获得最佳稳定性

总结

这个问题的出现揭示了跨平台UI框架在实现细节上的挑战，特别是在处理平台特定的UI生命周期管理时。Compose Multiplatform 团队通过改进底层场景管理机制解决了这个问题，为开发者提供了更稳定的跨平台开发体验。