为何使用anchoredDraggable拖拽时会引发Jetpack Compose重组？

官方文档指出，使用Composable的lambda版本修改偏移量时，不应引发重组。但我编写的如下AnchoredDraggableBox代码，在拖拽蓝色Box过程中，仅偏移量发生变化却出现了2次重组，无法理解其中原因，想知道是否有办法阻止这种不必要的重组，或者这是不是anchoredDraggable的固有工作机制？

enum class DragValue { Start, End }

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun AnchoredDraggableBox() {
    val density = LocalDensity.current
    val state = remember {
        AnchoredDraggableState(
            initialValue = DragValue.Start,
            positionalThreshold = { totalDistance: Float -> totalDistance * 0.5f },
            velocityThreshold = { with(density) { 100.dp.toPx() } },
            animationSpec = tween(),
        ).apply {
            updateAnchors(
                newAnchors = DraggableAnchors {
                    with(density) {
                        DragValue.Start at 0.dp.toPx()
                        DragValue.End at 100.dp.toPx()
                    }
                }
            )
        }
    }
    Box(
        modifier = Modifier
            .height(48.dp)
            .background(color = Color.Red)
    ) {
        Box(
            modifier = Modifier
                .height(48.dp)
                .fillMaxWidth()
                .anchoredDraggable(
                    state = state,
                    orientation = Orientation.Horizontal
                )
                .offset {
                    IntOffset(
                        x = state
                            .requireOffset()
                            .toInt(),
                        y = 0
                    )
                }
                .background(color = Color.Blue)
        ) {
            Log.d("TAG", "Recomposing")
        }
    }
}

初始状态：
拖拽后状态：

问题原因 #

你遇到的重组并非由offset lambda读取state.requireOffset()导致，而是因为AnchoredDraggableState在拖拽过程中，内部的isDragging状态、当前锚点值会发生变化，而蓝色Box的Composable直接持有了整个state引用，Compose会追踪到这些状态变化并触发重组。另外，anchoredDraggable modifier在拖拽过程中的内部状态更新，也可能间接引发重组。

解决方法 #

核心思路是让Composable只订阅它真正需要的状态，而非整个AnchoredDraggableState：

• 提取关键状态，使用derivedStateOf
  将偏移量转换为派生状态，仅当偏移量真正变化时才通知订阅的Composable：

  val offsetX by remember {
      derivedStateOf { state.requireOffset().toInt() }
  }
  

  后续在offset lambda中直接使用offsetX即可。

• 将内容与拖拽状态解耦
  把包含Log的内容提取到独立的Composable中，避免它持有AnchoredDraggableState引用：

  @Composable
  fun DragContent() {
      Log.d("TAG", "Recomposing")
  }
  

  然后在蓝色Box中调用这个独立Composable：

  Box(/* 原有modifier */) {
      DragContent()
  }
  

  这样DragContent只会在自身依赖项变化时重组，不再受拖拽状态的无关变化影响。

• 用rememberUpdatedState优化状态传递
  如果必须传递状态给子Composable，可通过rememberUpdatedState避免子Composable因父Composable的状态更新而触发重组，这个方法更适合回调类依赖的优化。

补充说明 #

anchoredDraggable在拖拽过程中确实会有内部状态更新，但只要让Composable只订阅必要状态，就能避免大部分无意义重组。另外，Compose的重组本身是轻量级的，少量重组通常不会影响性能，但频繁的不必要重组仍建议通过上述方法优化。

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