如何截断 Jetpack Compose 行中显示的文本？

Question

我在行的左侧显示文本，并在代码 A 的行右侧显示工具按钮。

当文字很短时没关系，你可以看到图像A，如我所料。

但是当文本很长时，我发现该行右侧的一些工具按钮消失了，您可以看到图像B。

我希望行右边的工具按钮能够一直显示，并且当空间不够的时候能够自动截断左边的文字。

我能怎么做 ？感谢！

代码A

Row(
        modifier = Modifier.fillMaxWidth(),
        verticalAlignment = Alignment.CenterVertically
    )  {

        Text("This a short text")
        
        //Text("This a very long text text text text text text text text")

        Spacer(Modifier.weight(1f))

        val iconModifier = Modifier.size(24.dp)

        IconButton(
            enabled = true,
            onClick = {
            }
        ) {
            Icon(Icons.Filled.Edit , null, modifier = iconModifier)
        }

        IconButton(
            enabled = true,
            onClick = {
            }
        ) {
            Icon(Icons.Filled.Delete , null, modifier = iconModifier)
        }

        IconButton(
            enabled = true,
            onClick = {
            }
        ) {
            Icon(Icons.Filled.ExpandMore , null, modifier = iconModifier)
        }
    }

图片A

图B

Answer 1

应用于Text修饰符weight并删除Spacer：

     Text("This a very long text text text text text text text text",
          modifier = Modifier.weight(1f),
          overflow= TextOverflow.Ellipsis,
          maxLines = 1)

     //Spacer(Modifier.weight(1f))