Jetpack Compose maxlines on textField is not working

Question

I'm making a todoapp and when im writing the todo i put to only have 1 line, but when i click Enter it creates a new lines, is there any way to fix it?

@Composable
fun TextFieldDemo() {
        Column(
            Modifier
                .padding(50.dp, 600.dp, 0.dp, 0.dp)
                .fillMaxHeight()) {
            val textState = remember { mutableStateOf(TextFieldValue()) }
            TextField(
                value = textState.value,
                onValueChange = { textState.value = it },
                label = {Text(text = "What you need Todo?")},
                singleLine = true //apenas uma linha de texto , podendo usar-se tambem singleLine = true

            )

        }
    }

Are you using 1.0.0-beta08? – Gabriele Mariotti Jun 14 '21 at 07:41 — Gabriele Mariotti, Jun 14 '21 at 07:41
@GabrieleMariotti yes i am – Nunofernandes.official Jun 14 '21 at 18:05 — Nunofernandes.official, Jun 14 '21 at 18:05

score 10 · Answer 1 · answered Aug 24 '21 at 04:18

Just set maxLines = 1 and singleLine = true,detect \n on onValueChange work for me

@Composable
fun SearchBar() {
            BasicTextField(
                textValue,
                onValueChange = {
                    if (!it.text.contains("\n"))
                        textValue = it
                },
                maxLines = 1,
                singleLine = true,
            )
}

score 0 · Answer 2 · answered Jun 13 '21 at 17:22

0

On your on value changed callback you can check the text and filter out the new line character.

onValueChange = {
    textState.value = /* filter invalid chars from it */
},

answered Jun 13 '21 at 17:22

Francesc

25,014
10
66
84

but there how I filter to the user cant create another line? – Nunofernandes.official Jun 14 '21 at 18:07

score 0 · Answer 3 · edited Jun 13 '21 at 19:10

0

Since Compose 1.0.0-alpha07, you can use maxLines to restrict the maximum lines of your text field:

TextField(
    onValueChange = {  },
    maxLines = 1
)

edited Jun 13 '21 at 19:10

Dharman

30,962
25
85
135

answered Jun 13 '21 at 19:05

sangeetds

390
2
12

3

i have that tried that but dont work either – Nunofernandes.official Jun 14 '21 at 18:06

Jetpack Compose maxlines on textField is not working

3 Answers3