如何解决Compose中Canvas及AndroidView调用CompositionLocal颜色的报错问题

问题1：Canvas的onDraw回调调用MaterialTheme.colorScheme报错 #

原因 #

Canvas的onDraw参数是普通函数（无@Composable注解），而MaterialTheme.colorScheme是Composable属性，仅能在Composable上下文内访问。

解决方案 #

在Composable作用域内提前获取颜色值，再传递给onDraw使用：

@Composable
fun ColoredCircle() {
    // 在Composable上下文里预取颜色
    val primaryColor = MaterialTheme.colorScheme.primary
    Canvas(modifier = Modifier.size(100.dp)) {
        drawCircle(color = primaryColor)
    }
}

问题2：AndroidView的factory回调调用LocalColors.current报错 #

原因 #

AndroidView的factory是普通函数，无法直接访问LocalColors.current这类CompositionLocal值；且配色依赖系统明暗模式，需同步模式变化后的颜色更新。

解决方案 #

1. 在Composable作用域内获取LocalColors.current，用rememberUpdatedState保持最新值（应对明暗模式切换）；
2. 通过AndroidView的update回调同步更新原生View的颜色状态：

@Composable
fun PieChartWrapper() {
    val localColors = LocalColors.current
    // 记住最新的背景色，适配明暗模式切换
    val currentBgColor = rememberUpdatedState(localColors.OnBackground)

    AndroidView(
        factory = { context ->
            PieChart(context).apply {
                // 初始化时设置初始颜色
                holeColor = currentBgColor.value.toArgb()
            }
        },
        update = { pieChart ->
            // 颜色更新时同步刷新PieChart
            pieChart.holeColor = currentBgColor.value.toArgb()
        }
    )
}

核心思路 #

所有需要访问Composable资源（MaterialTheme、CompositionLocal）的操作，必须放在带@Composable注解的函数作用域内，预取所需值后再传递给非Composable回调；涉及动态变化的资源（如明暗模式切换），需用rememberUpdatedState或update回调同步更新原生View状态。

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