如何在Jetpack Compose中禁用BasicTextField的拖拽事件

我完全懂你遇到的困扰——不想让用户拖拽BasicTextField里的文本，避免内容被拖到视野外导致看不见。其实解决这个问题很简单，我们只需要禁用文本的选择功能（毕竟拖拽文本的前提是能选中文本），同时不影响正常的输入操作。

方法一：用DisableSelection组件禁用选择（推荐） #

这是最稳妥的方式，直接通过Compose内置的组件禁用文本选择，同时保留所有输入、光标定位的核心功能。只需要在你的decorationBox里，用DisableSelection把innerTextField包裹起来就行：

@Composable
fun MyScreen() {
    var input by remember { mutableStateOf("") }

    Column(Modifier.padding(16.dp).fillMaxWidth()) {
        BasicTextField(
            modifier = Modifier.align(CenterHorizontally).width(IntrinsicSize.Min),
            value = input,
            singleLine = true,
            onValueChange = { input = it },
            textStyle = MaterialTheme.typography.h3,
            decorationBox = { innerTextField ->
                if (input.isEmpty()) {
                    Text(
                        text = "0",
                        style = MaterialTheme.typography.h3,
                        color = MaterialTheme.colors.onBackground.copy(alpha = 0.3f)
                    )
                }
                // 包裹后直接禁用文本选择，自然就无法拖拽了
                DisableSelection {
                    innerTextField()
                }
            }
        )
    }
}

方法二：通过pointerInput拦截拖拽事件 #

如果你需要更精细的交互控制，可以直接拦截长按（触发文本选择的前提）和拖拽相关的指针事件，阻止它们传递到文本字段：

@Composable
fun MyScreen() {
    var input by remember { mutableStateOf("") }

    Column(Modifier.padding(16.dp).fillMaxWidth()) {
        BasicTextField(
            modifier = Modifier
                .align(CenterHorizontally)
                .width(IntrinsicSize.Min)
                .pointerInput(Unit) {
                    awaitPointerEventScope {
                        while (true) {
                            val event = awaitPointerEvent()
                            // 拦截长按和拖拽动作的事件
                            if (event.type == PointerEventType.LongPress || event.type == PointerEventType.Move) {
                                event.changes.forEach { it.consume() }
                            }
                        }
                    }
                },
            value = input,
            singleLine = true,
            onValueChange = { input = it },
            textStyle = MaterialTheme.typography.h3,
            decorationBox = { innerTextField ->
                if (input.isEmpty()) {
                    Text(
                        text = "0",
                        style = MaterialTheme.typography.h3,
                        color = MaterialTheme.colors.onBackground.copy(alpha = 0.3f)
                    )
                }
                innerTextField()
            }
        )
    }
}

不过要注意，这种方式会拦截所有长按和移动事件，可能会影响比如长按弹出输入法菜单这类交互，所以更推荐第一种方法。

备注：内容来源于stack exchange，提问作者Diego Palomar