Android Studio中Compose组件内创建MediaPlayer导致预览窗口渲染异常

我来帮你分析下这个问题的原因和解决办法～

问题根源 #

你遇到的预览渲染异常，核心原因有两个：

1. Compose预览环境的限制：Android Studio的Compose预览工具运行在模拟的上下文环境中，没办法像真实设备/模拟器那样访问完整的Android系统资源。错误栈里的UnsupportedOperationException，就是因为预览环境的Resources_Delegate不支持openRawResourceFd方法——而MediaPlayer.create内部正好会调用这个方法读取raw目录下的音频文件。
2. Composable重组的隐患：你直接在@Composable函数里初始化MediaPlayer，就算预览没问题，运行时也会出问题——Composable会频繁重组，每次重组都会新建MediaPlayer实例，既浪费资源还容易造成内存泄漏。

解决方案 #

我们可以通过预览模式判断+生命周期管理来解决这个问题，修改后的代码如下：

@Composable
fun Notes(modifier: Modifier = Modifier) {
    val context = LocalContext.current
    // 检测当前是否处于Compose预览模式
    val isInPreview = LocalInspectionMode.current
    
    // 用remember缓存MediaPlayer实例，避免重组重复创建
    val mediaPlayer = remember {
        if (isInPreview) {
            null // 预览模式下跳过初始化，避免触发资源访问异常
        } else {
            MediaPlayer.create(context, R.raw.c2)
        }
    }

    // 用DisposableEffect管理MediaPlayer的资源释放，防止内存泄漏
    DisposableEffect(Unit) {
        onDispose {
            mediaPlayer?.release()
        }
    }

    // 这里可以继续编写你的UI逻辑，比如播放按钮示例
    Button(
        onClick = { mediaPlayer?.start() },
        modifier = modifier.padding(16.dp)
    ) {
        Text(text = if (isInPreview) "预览模式：播放音频" else "播放")
    }
}

代码说明 #

• LocalInspectionMode.current：这是Compose官方提供的API，专门用来判断是否处于预览工具环境中。预览时返回true，我们跳过MediaPlayer的初始化，从根源上避免预览时的资源访问异常。
• remember：用来缓存MediaPlayer实例，确保Composable重组时不会重复创建新的MediaPlayer，减少资源消耗。
• DisposableEffect：在Composable被销毁时自动执行onDispose块里的代码，这里我们释放MediaPlayer的资源，彻底避免内存泄漏问题。

这样修改后，预览窗口就能正常渲染，同时运行时的资源管理也更规范啦～

内容来源于stack exchange