Jetpack Compose SingleLine Input Text

Question

Is it possible to set singleLine or maxLines on TextField?

I've checked a source and it's missing. Any ideas / workarounds?

Gabriele Mariotti · Answer 1 · 2021-09-02T07:06:51.653

12

With 1.0.x you can use the parameter maxLines or singleLine:

TextField(
    //..
    maxLines = 1)

or

TextField(
    //..
    singleLine = true)

edited Sep 02 '21 at 07:06

answered Apr 11 '21 at 19:49

Gabriele Mariotti

250,295
77
670
690

2

Is there any difference between those two? To me it looks like `singleLine` is redundant. – Daniel Weidensdörfer Nov 10 '21 at 11:11
I assuming the difference in Compose is the same as that of xml. See https://stackoverflow.com/questions/30879471/android-singleline-vs-maxlines – kc_dev Jan 01 '22 at 01:18

score 3 · Answer 2 · answered Dec 03 '20 at 06:47

3

Since Compose 1.0.0-alpha08, you can use singleLine parameter to make the text field a single horizontally scrollable line:

TextField(
    value = text,
    onValueChange = { },
    singleLine = true
)

answered Dec 03 '20 at 06:47

Saurabh Thorat

14,589
3
49
62

score 0 · Answer 3 · answered Jul 16 '20 at 23:54

I can't see any property which can do it directly. One work around could be:

TextField(
    value = yourText,
    onValueChange = { s: TextFieldValue ->
        if (s.text.count { it == '\n' } < 3) { // 3 lines (or two enters)
            yourText = s
        }
    }
)

Jetpack Compose SingleLine Input Text

3 Answers3

Linked