Jetpack Compose Text 在換行到下一行時有額外的填充

Question

我有一個文本元素，其右側有一個圖標，它們都包裹在一行中。 文本具有1.0f權重且fill = false 。 當一個詞換行到下一行時，文本末尾有一些填充，導致圖標離它太遠。 這是它的樣子：

應用示例

這是代碼：

Row(
    modifier = Modifier.width(150.dp)
) {
    Text(
        "John Doe John Doe John Doe",
        modifier = Modifier.weight(1.0f, fill = false).background(Color.Green)
    )
    Icon(
        imageVector = Icons.Default.Done,
        contentDescription = "",
    )
}

我如何才能使文本的寬度在不增加額外間距的情況下自動換行？

Answer 1

這是正常行為。 發生這種情況是因為您為文本設置了權重，為行設置了寬度修飾符。

設置特定的寬度或高度時，這是不可避免的。 即使您為行內的兩個可組合項（0.1f 和 0.9f）設置權重，也可能會發生這種情況。 因為這個詞放不下剩余的空間，但是 Composable 必須填滿 Row

您將行寬設置為 150.dp，當您的 Text 具有權重修飾符時，它會填充該行，即使您的 Text 可組合項中的單詞不適合該行。