Android JetPack Compose @Composable作用域问题：调用函数报错

核心原因：调用PlaceMarkerOnImage的上下文不是Composable环境 #

你在setContent里调用MyLayout没问题，是因为setContent的参数是一个@Composable () -> Unit类型的lambda——这个lambda内部本身就属于Composable上下文，所以直接调用Composable函数是合法的。

而你报错的场景，应该是在普通的点击回调里直接调用PlaceMarkerOnImage（比如Modifier.clickable的onClick方法）。onClick是普通函数，没有@Composable标记，不属于Composable上下文，自然不能直接调用Composable函数，这就是报错的根源。

正确实现思路：用状态驱动Composable渲染 #

Composable函数的渲染是由状态驱动的，不能直接在非Composable回调里调用。正确的做法是：

• 定义一个状态变量存储标记的位置
• 在点击回调里更新这个状态
• 在Composable布局中，根据状态的变化来渲染标记图

示例代码 #

@Composable
fun MyLayout() {
    // 用状态存储标记位置，null表示未显示标记
    var markerPosition by remember { mutableStateOf<Offset?>(null) }

    Box(modifier = Modifier.fillMaxSize()) {
        // 目标图片，点击时更新标记位置
        Image(
            painter = painterResource(id = R.drawable.target_image),
            contentDescription = "目标图片",
            modifier = Modifier
                .fillMaxSize()
                .clickable(
                    interactionSource = remember { MutableInteractionSource() },
                    indication = null
                ) { offset ->
                    // 这里是普通回调，只更新状态，不调用Composable
                    markerPosition = offset
                }
        )

        // 在Composable上下文里，根据状态渲染标记
        markerPosition?.let { position ->
            PlaceMarkerOnImage(position)
        }
    }
}

@Composable
fun PlaceMarkerOnImage(position: Offset) {
    Image(
        painter = painterResource(id = R.drawable.marker_icon),
        contentDescription = "标记",
        modifier = Modifier
            .offset { IntOffset(position.x.toInt(), position.y.toInt()) }
            .size(48.dp)
            .align(Alignment.TopStart)
    )
}

代码说明 #

1. markerPosition是一个可观察状态，当它的值变化时，Composable会自动重组，重新渲染标记。
2. 图片的clickable回调只负责更新状态，不直接调用Composable函数，避免了上下文不匹配的问题。
3. PlaceMarkerOnImage在markerPosition不为null时才会被调用，且调用时机在MyLayout这个Composable函数内部，符合上下文要求。

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