在Jetpack Compose中使文本字段可滚动

Question

我在Android Jetpack Compose中工作。

我在一个Column中的一个中有三个TextField。我希望第三个和/或最后一个文本字段是可滚动的。我该怎么做？

Answer 1

带有horizontalScroll的TextField示例

@Composable
fun Test() {
TextField(
value = "long1 long2 long3 long4 long5 long6 long7 long8 long9 long10 long11 long12 text",
onValueChange = {},
singleLine = true,
modifier = Modifier
.fillMaxWidth()
.horizontalScroll(rememberScrollState())
)
}

TextField示例与scrollable

@Composable
fun Test() {
var offset by remember { mutableStateOf(0f) }
TextField(value = "long1 long2 long3 long4 long5 long6 long7 long8 long9 long10 long11 long12 text",
onValueChange = {},
singleLine = true,
modifier = Modifier
.fillMaxWidth()
.scrollable(
orientation = Orientation.Horizontal,
state = rememberScrollableState { delta ->
offset += delta
delta
}
)
)
}

那里有更多信息https://developer.android.com/jetpack/compose/gestures?authuser=1#scrollable-修饰符。