Jetpack合成-当宽度增加时裁剪儿童行

Question

在右边，我有一个可组合的项目列表，每个项目在一行中，所有项目在一列中

所有的子项都被剪裁以适应屏幕，这是我不想要的，我希望这些项完全渲染，即使在屏幕之外，因为我在它们上面有一个可缩放的容器

如您所见，文本字段中的文本是如何垂直排列在一行中的，而不是扩展宽度，这就是问题所在

代码:

Row(
        modifier = modifier.zIndex(3f),
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.Center,
    ) {
        SimpleNodesList(
            modifier = Modifier.padding(8.dp),
            parentNode = state.center,
            nodes = state.center.left,
            renderRight = false,
        )

        SimpleNode(node = state.center, parentNode = null)

        SimpleNodesList(
            modifier = Modifier.padding(8.dp),
            parentNode = state.center,
            nodes = state.center.right,
            renderLeft = false
        )
    }

简单的节点列表是一列行，我有一列在左边，一列在右边，如果左边列的宽度增加，右边的行将被屏幕剪切

Answer 1

使用此修饰符可以完成行的工作，在我的例子中，我还需要此布局修饰符，wrapContentSize（unbounded=true）正在工作，但由于某些原因，在缩放容器的边界之外，无法单击子对象！

我还必须创建一个修饰符zoomable，而不是使用zoomable box，这样zoomable touch事件就可以在这个可组合对象上而不是在父对象上调度了！

modifier = Modifier
        .layout { measurable, constraints ->
            val r =
                measurable.measure(constraints = constraints.copy(maxWidth = Constraints.Infinity))
            layout(r.measuredWidth, r.measuredHeight, placementBlock = {
                r.placeWithLayer(0, 0, 0f) {

                }
            })
        }
        .wrapContentSize(unbounded = true)

Answer 2

如果您对文本使用硬编码宽度，那么在每个容器上应用Modifier.wrapContentSize（）可能会完成这项工作