Jetpack Compose 可在另一个可组合物中使用更大尺寸的可组合物

Question

所以我想有一个盒子作为一个窗口，里面有另一个比最外面的盒子大的盒子。 然后我想让内框可以拖动，这样我就可以在最外面的框内移动它。

我的代码如下所示：

Box(modifier = Modifier
        .size(100f.dp, 100f.dp)
        .border(2f.dp, Color.Black, RectangleShape)
        .clipToBounds()
    ){

        val offsetX = remember { mutableStateOf(0f) }
        val offsetY = remember { mutableStateOf(0f) }

        Box(modifier = Modifier
            .offset(offsetX.value.dp, offsetY.value.dp)
            .size(600f.dp, 700f.dp)
            .background(Color.Blue) //DEBUG
            .pointerInput(Unit) {
                detectDragGestures { change, dragAmount ->
                    change.consumeAllChanges()
                    offsetX.value += dragAmount.x
                    offsetY.value += dragAmount.y
                }
            }
        ){
            //Contents of inner box
        }

    }

现在的问题是，内盒是内盒仍然只有外盒那么大。 所以我可以拖动内框，但看到内蓝色框的背景仅与外框一样宽和高。

是否有其他修饰符可以使用，可以在其他较小的可组合物中启用更大的可组合物？

Answer 1

经过（长时间）尝试（我讨厌 GUI ......）这是我的解决方案：

在父可组合项中设置.wrapContentSize(unbounded = true)后，子可组合项可以具有更大的大小。

但请确保在.clipToBounds之后设置此修饰符，否则内容将无法按预期剪辑