在 Jetpack Compose 中考虑项目的高度来偏移项目

Question

我想垂直放置我自己的组件（比如 Text 组件），以便我可以指定相对于 Text 组件底部的 y 偏移量。我怎么能在 Jetpack compose 中做到这一点？

类似

Column {
    Text("Something", modifier = Modifier.offset(y=10.dp))
}

但不是 10dp 代表 Text 组件的顶部 y 位置，而是底部 y 位置。即使文本大小发生变化，基本上也考虑到文本的高度。所以y = offset.y - height

在我看来，有两个问题：

1. 字体大小可以改变，所以我不能硬编码文本高度。
2. 在合成过程中我需要知道我的 Text 组件的大小，但我不知道如何获得。

Answer 1

您可以选择自定义 Composable，

@Composable
fun CustomText(y: Dp){
    Layout(content = { Text(text = "Lorem Ipsum") }){measurables, constraints ->
        val text = measurables[0].measure(constraints)
        layout(constraints.maxWidth, constraints.maxHeight){ //Change these per your needs
            text.placeRelative(IntOffset(0, y.value.roundToInt() - text.height))
        }
    }
}

您也可以使用自定义修饰符。查看using the layout modifier