Jetpack Compose 中可调整大小的基本文本字段

Question

有没有办法在 Jetpack Compose 中生成一个可调整大小的 BasicTextField，以便在用户输入或删除字符时它的宽度会换行文本大小？他们已经解决了类似的颤振问题，但我没有找到如何为 Compose 解决这个问题。 Flutter - how to make TextField width fit its text ("wrap content")

var text: String by rememberSaveable { mutableStateOf("") }
BasicTextField(
   value = text,
   onValueChange = {
       text = it
   },
   modifier = Modifier.wrapContentWidth()
)

很遗憾，wrapContentWidth() 在这里不起作用。

Answer 1

嗯，看来width(IntrinsicSize.Min) 解决了这个问题：

var text: String by rememberSaveable { mutableStateOf("") }
BasicTextField(
   value = text,
   onValueChange = {
       text = it
   },
   modifier = Modifier.width(IntrinsicSize.Min)
)

Answer 2

我们可以指定宽度范围（textField可以跨越的最小和最大宽度）

对于宽度：-

modifier = Modifier.widthIn(1.dp, Dp.Infinity) // specified the min width as 1.dp

高度：-

modifier = Modifier.heightIn(1.dp, Dp.Infinity) 

可组合代码：-

Column(modifier = Modifier.fillMaxWidth(), horizontalAlignment = Alignment.CenterHorizontally) {
     OutlinedTextField(
        value = text,
        onValueChange = {
           text = it
        },
        modifier = Modifier.widthIn(1.dp, Dp.Infinity)
     )
}

当我们输入更多直到Dp.Infinity 时，TextField 会增长。 （使用OutlinedTextField 进行演示，但我们可以使用BasicTextField）