我有一个文本和一个可组合的图标.我希望图标位于Composable的右侧.这是我的代码:
Row(
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.Center,
modifier = Modifier
.fillMaxWidth()
.padding(horizontal = 16.dp)
) {
Text(
text = subjectName,
maxLines = 1,
overflow = TextOverflow.Ellipsis,
textAlign = TextAlign.Center,
)
Icon(
painter = painterResource(id = R.drawable.ic_arrow_drop_down),
contentDescription = null
)
}
对应的用户界面为: 个
这看起来很好,但是当文本太长并且有溢出时,图标就会像这样离开屏幕: 个
相反,我想让它看起来像这样: 个
我try 为Text
Composable设置weight(1f)
修改器,以便将图标放在第一位.现在,溢出的文本看起来很好,但当文本较短时,图标仍放置在结尾处,因为文本占据了整个剩余宽度:
如何在此处获得所需的用户界面(图1和图3)?