在 Jetpack Compose 中使 TextField 可滚动

Question

我正在使用 Android Jetpack Compose。

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

Answer 1

TextField 与 horizontalScroll 的示例

    @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-modifier.