How to prevent dragging event of BasicTextField in Compose

Question

How can I prevent the dragging functionality of BasicTextField. I dont want the user to be able to drag the text and make it invisible. Below a video with the functionality that I want to disable.

This my code:

@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)
          )
        }
        innerTextField()
      }
    )
  }
}

Seems to be caused by `singleLine = true,` but you'd expect not to be able to drag the full text out of bounds. — EpicPandaForce, Aug 15 '23 at 11:27

score 0 · Answer 1 · answered Aug 15 '23 at 11:29

0

It should be fixed by replacing singleLine=true with minLines=1; maxLines=1.

Please note this behavior is not the same as regular TextView, where you usually want android:singleLine for the proper IME action support.

answered Aug 15 '23 at 11:29

EpicPandaForce

79,669
27
256
428

How to prevent dragging event of BasicTextField in Compose

1 Answers1