在 Jetpack Compose 中缩放后删除冗余空间

Question

我正在尝试在 Jetpack compose 中生成布局，我必须在其中缩放 Box 的内容。但是我注意到缩放后， Box 仍然被空白空间包围，足以放置未缩放的内容。我需要摆脱那个空间，而不对 Box

的内容应用任何修饰符

@Composable
fun Power() {
    Row {
        Box(
            Modifier
                .background(Color.Green)) {
           Text("a")
        }
        Box(
            Modifier.scale(0.5f)
                .background(Color.Yellow)) {
            Text("bbbb")
        }
    }
}

期望：

现实：

Answer 1

此处的 box 是多余的，只需保持 second 文本的 fontSize 低于 first 文本的 fontSize行中的文本（调整文本大小以获得适当的大小，而不是使用 scaling ）

试试这个：-

Row(Modifier.background(Color.White), verticalAlignment = Alignment.CenterVertically) {
    Text("a", Modifier.background(Color.Green).padding(0.dp, 0.dp, 0.dp, 6.dp), fontSize = 30.sp, textAlign = TextAlign.Center)
    Text("bbbb", Modifier.background(Color.Yellow), fontSize = 16.sp)
}