我要两种行为。
1.[工作]如果中间文本较短,则心形图标应位于中间文本旁边,购物车应位于末尾,见图。
1.[不工作]如果中间文本较大,则心形图标应贴在推车左侧,中间文本为省略号。
注意:我已经尝试了Modifier.weight(1f,fill = false)
的第二个行为,但后来第一次打破。
代码
Row(
modifier = Modifier.fillMaxSize()
) {
Row(
modifier = Modifier.wrapContentWidth()
) {
Icon(Icons.Filled.Search,"")
Spacer(modifier = Modifier.width(18.dp))
Icon(Icons.Filled.Add,"")
Spacer(modifier = Modifier.width(12.dp))
Text(
text = "If text is long, then cart icon show at end with ellipsis text",
maxLines = 1,
modifier = Modifier
.weight(1f,fill = false)
)
Spacer(modifier = Modifier.width(12.dp))
Icon(Icons.Filled.Favorite,"")
}
Row(Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.End) {
Icon(Icons.Filled.ShoppingCart,"")
}
}
2条答案
按热度按时间nuypyhwy1#
您可以使用
Row
PackageText
和收藏Icon
,并对其应用weight
修改器以填充可用空间。然后将
weight(1f, fill = false)
赋值给Text
:tjvv9vkg2#
你的中心组件应该使用“左空间”与重量属性