在 TextField 中的文本周围环绕内容

问题描述

我正在尝试制作一个最小尺寸的 TextField,并围绕其中写入的文本展开,我该如何实现?

这是我的测试代码

var text by rememberSaveable { mutableStateOf("Prova") }
Row(
    modifier = Modifier.fillMaxWidth(),horizontalArrangement = Arrangement.SpaceBetween
) {
    Text(text = "Test")
    TextField(
        modifier = Modifier
//                .widthIn(10.dp,Dp.Infinity)
//                .width(IntrinsicSize.Min)
            .width(30.dp)
            .wrapContentWidth(),value = text,onValueChange = {
            text = it
        },textStyle = TextStyle.Default.copy(
            textAlign = TextAlign.End
        )
    )
}

这是我寻求的结果(应该在宽度上扩展更多文本,直到碰到左边的文本)

enter image description here

感谢您的帮助!

解决方法

在中间使用 SpacerModifier.weight(1f) 将使它起作用。

我建议将 TextField 替换为 BasicTextField 以更好地控制其外观(特别是实现比 {{1} } 默认值 MinWidth).

280.dp