如何在不触发重组的情况下获取Composable的精确尺寸？

你当前用BoxWithConstraints传递尺寸的方式是可靠的，不过还有几种更直接的方案可以避免触发重组，同时获取Composable尺寸用于绘制：

1. 利用DrawScope自带的size属性 #

在Modifier.drawBehind或drawWithContent的绘制作用域中，直接可以拿到当前Composable的尺寸（DrawScope.size），无需额外状态或参数传递，完全不会触发重组：

Box(modifier = Modifier
    .fillMaxWidth()
    .height(200.dp)
    .drawBehind {
        // 获取当前Composable的尺寸，转为IntSize（如果需要）
        val intSize = size.toIntSize()
        // 绘制动态线条示例
        drawLine(
            start = Offset.Zero,
            end = Offset(intSize.width.toFloat(), intSize.height.toFloat()),
            color = Color.Black,
            strokeWidth = 3f
        )
    })

2. 自定义Layout修饰符 #

如果需要结合布局逻辑获取尺寸并绘制，可以用自定义Layout修饰符，在测量阶段拿到子Composable的尺寸后直接绘制，同样不会触发重组：

fun Modifier.drawDynamicLines() = layout { measurable, constraints ->
    // 测量子元素
    val placeable = measurable.measure(constraints)
    // 布局子元素
    layout(placeable.width, placeable.height) {
        placeable.place(0, 0)
    }
    // 利用子元素的尺寸绘制线条
    drawLine(
        start = Offset(0f, 0f),
        end = Offset(placeable.width.toFloat(), placeable.height.toFloat()),
        color = Color.Red,
        strokeWidth = 2f
    )
}

// 使用方式
Box(modifier = Modifier
    .fillMaxSize()
    .drawDynamicLines()) {
    // 子Composable内容
}

3. 优化BoxWithConstraints的使用方式 #

如果你更习惯用BoxWithConstraints，可以直接在其作用域内获取尺寸，无需单独封装函数传参，写法更简洁：

BoxWithConstraints {
    Canvas(modifier = Modifier.fillMaxSize()) {
        val intSize = IntSize(maxWidth.toInt(), maxHeight.toInt())
        // 直接在这里处理线条绘制，或调用你的DrawLines函数
        DrawLines(intSize)
    }
}

总结 #

以上几种方案都不会触发额外重组：

• 若只是单纯绘制线条，DrawScope.size是最直接高效的选择；
• 若需要结合布局逻辑，自定义Layout修饰符更灵活；
• BoxWithConstraints依然是可靠的方案，优化写法后体验更好。

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