Jetpack Compose拍照后返回，再次点击拍照按钮无响应问题排查

问题描述 #

用Jetpack Compose实现了模态底部弹窗，点击Take a picture可唤起相机，拍照确认后能正常上传图片到服务器。但在相机界面点击硬件返回键或取消按钮关闭相机后，再次点击Take a picture按钮毫无反应。调试发现，此时shouldShowCameraView的值为true，但ShowCamera()函数始终未被调用。

核心问题分析 #

1. 缺少ShowCamera条件渲染逻辑：原AppModalBottomSheet仅定义了shouldShowCameraView状态，但未添加if (shouldShowCameraView) { ShowCamera(...) }的渲染逻辑，导致状态为true时也不会加载相机组件。
2. 相机取消后状态未重置：相机启动器回调仅处理了拍照成功的情况，用户取消拍照时未将shouldShowCameraView重置为false。再次点击按钮时状态无变化，Compose不会触发重组，自然不会执行相机启动逻辑。
3. 权限检查逻辑冗余且未生效：原代码中定义的checkForMultiplePermissions和checkForSinglePermission函数未被调用，手动使用rememberLauncherForActivityResult的方式不如官方rememberPermissionState简洁可靠。

修复方案 #

1. 补充ShowCamera条件渲染 #

在AppModalBottomSheet中添加相机组件的条件渲染，并在拍照完成、出错、取消时重置状态：

@Composable
fun AppModalBottomSheet(
    onShowBottomSheetChanged: (Boolean) -> Unit,
    onPictureTaken: (File, Long) -> Unit,
    onError: () -> Unit
) {
    var shouldShowCameraView by remember { mutableStateOf(false) }
    var shouldShowRationale by remember { mutableStateOf(false) }
    
    // 官方推荐的权限状态管理
    val cameraPermissionState = rememberPermissionState(Manifest.permission.CAMERA)
    val storagePermissionState = rememberPermissionState(Manifest.permission.WRITE_EXTERNAL_STORAGE)

    // 监听权限状态变化
    LaunchedEffect(cameraPermissionState.status, storagePermissionState.status) {
        val allGranted = cameraPermissionState.status is PermissionStatus.Granted && 
                        storagePermissionState.status is PermissionStatus.Granted
        if (allGranted) {
            shouldShowCameraView = true
            shouldShowRationale = false
        } else if (cameraPermissionState.status is PermissionStatus.Denied && 
                   (cameraPermissionState.status as PermissionStatus.Denied).shouldShowRationale ||
                   storagePermissionState.status is PermissionStatus.Denied && 
                   (storagePermissionState.status as PermissionStatus.Denied).shouldShowRationale) {
            shouldShowRationale = true
            shouldShowCameraView = false
        }
    }

    // 底部弹窗UI示例
    Column(modifier = Modifier.padding(16.dp)) {
        Button(onClick = {
            // 触发权限请求
            if (!cameraPermissionState.status.isGranted) {
                cameraPermissionState.launchPermissionRequest()
            }
            if (!storagePermissionState.status.isGranted) {
                storagePermissionState.launchPermissionRequest()
            }
        }) {
            Text("Take a picture")
        }

        // 权限说明弹窗
        if (shouldShowRationale) {
            Text("需要相机和存储权限才能拍照，请允许相关权限", modifier = Modifier.padding(vertical = 8.dp))
            Button(onClick = {
                cameraPermissionState.launchPermissionRequest()
                storagePermissionState.launchPermissionRequest()
            }) {
                Text("再次请求权限")
            }
        }

        // 条件渲染相机组件
        if (shouldShowCameraView) {
            ShowCamera(
                onPictureTaken = { file, size ->
                    onPictureTaken(file, size)
                    shouldShowCameraView = false // 拍照完成后重置状态
                },
                onError = {
                    onError()
                    shouldShowCameraView = false // 出错时重置状态
                },
                onCameraDismissed = {
                    shouldShowCameraView = false // 取消拍照时重置状态
                }
            )
        }
    }
}

2. 修改ShowCamera处理取消逻辑 #

更新相机启动器回调，处理用户取消拍照的情况：

@Composable
private fun ShowCamera(
    onPictureTaken: (file: File, fileSize: Long) -> Unit,
    onError: () -> Unit,
    onCameraDismissed: () -> Unit
) {
    val context = LocalContext.current
    val imageFile = remember { createImageFile(context) }
    
    val file = imageFile.getOrElse { 
        onError()
        onCameraDismissed()
        return 
    } as? File ?: run {
        onError()
        onCameraDismissed()
        return
    }
    
    val fileUri = file.let { FileUtils.uri(context, file) } ?: run {
        onError()
        onCameraDismissed()
        return
    }

    val cameraLauncher = rememberLauncherForActivityResult(ActivityResultContracts.TakePicture()) { success ->
        if (success) {
            val fileSize = FileUtils.fileSize(context, fileUri)
            onPictureTaken(file, fileSize)
        } else {
            // 用户取消拍照，通知父组件重置状态
            onCameraDismissed()
        }
    }

    LaunchedEffect(Unit) {
        cameraLauncher.launch(fileUri)
    }
}

3. 简化权限检查逻辑 #

弃用手动权限启动器，改用rememberPermissionState管理权限，自动跟踪状态变化，无需手动处理回调。

关键修复点总结 #

• 必须添加ShowCamera的条件渲染逻辑，让状态变化触发组件加载。
• 拍照成功、出错、取消时都要重置shouldShowCameraView为false，确保下次点击按钮时状态能触发Compose重组。
• 使用官方权限管理API替代手动维护启动器的复杂逻辑。

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