我有一个文本元素,它的右边有一个图标,两个图标都在一行中换行。文本的权重为1.0f
,其中fill = false
。当一个单词换行到下一行时,文本的末尾有一些填充,导致图标与文本的距离太远。它看起来像这样:
App Example
下面是代码:
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 = "",
)
}
如何使文本的宽度自动换行而不增加额外的间距?
1条答案
按热度按时间6yt4nkrj1#
这是一个正常的行为。发生这种情况是因为你设置了文本的权重和行的宽度修饰符。
在设置特定的宽度或高度时,这是不可避免的。即使您为行中的两个Composable设置了权重(0.1f和0.9f),也可能会发生这种情况。因为单词无法容纳在剩余空间中,但Composable必须填充行
您将行宽设置为150.dp,并且当Text具有权重修饰符时,即使Text组合中的单词不适合该行,它也会填充该行。