Modifier扩展函数为何导致Compose组件出现不必要重组？

问题出在Modifier实例的重复创建上：

• 用自定义扩展函数时，每次重组都会执行ignoreParentPadding，里面的layout lambda是匿名函数——每次调用都会生成全新的对象。Compose检测到modifier参数发生变化，就会触发ComposeMessagePart的不必要重组。
• 内联编写Modifier.layout时，Compose编译器会自动优化：如果smallMediumUnit是稳定值（比如常量、不会随意变更的State对象），它会判定这个layout逻辑是稳定的，不会每次重组都生成新的Modifier实例，自然不会触发额外重组。

有两种可行方案：

1. 修改扩展函数，用composed包装 #

让扩展函数返回稳定的Modifier，将逻辑绑定到Compose的重组生命周期：

fun Modifier.ignoreParentPadding(padding: Dp) = composed {
    // 缓存px计算结果，避免重复计算
    val paddingPx = remember(padding) { padding.roundToPx() * 2 }
    this.layout { measurable, constraints ->
        val placeable = measurable.measure(
            constraints.copy(maxWidth = constraints.maxWidth + paddingPx)
        )
        layout(placeable.width, placeable.height) {
            placeable.place(0, 0)
        }
    }
}

composed能让Modifier的创建逻辑运行在Composable作用域内，配合remember仅在padding真正变化时，才会重新生成Modifier实例，避免无意义的对象创建。

2. 调用时用remember缓存Modifier #

不想修改扩展函数的话，在调用处用remember缓存Modifier：

ComposeMessagePart(
    modifier = remember(smallMediumUnit) {
        Modifier.ignoreParentPadding(smallMediumUnit)
    },
    messageOwner = selectedMessageOwner,
)

这样只有当smallMediumUnit变化时，才会重新创建Modifier，同样能阻止不必要的重组。

内容的提问来源于stack exchange，提问作者Muhammad Ahmed AbuTalib