How to make Flutter TextField accept multiline?

Question

How to make Flutter TextField accept multiline? The following code does NOT work:

body: Padding(
    child: Column(
        children: [
            Text('BIO'),
            Expanded(
                child: TextField(
                    autofocus: false,
                    controller: _text,
                    // https://stackoverflow.com/a/46767771
                    keyboardType: TextInputType.multiline,
                    maxLength: null,
                ),
            ),
        ],
        crossAxisAlignment: CrossAxisAlignment.start,
    ),
    padding: const EdgeInsets.all(8),
),

(Later, I will remove the blue underline, it's just there to show that it's a 1-liner).

I'm on channel master, v1.2.3-pre.66.

score 24 · Accepted Answer · edited Mar 14 '19 at 07:01

24

TextField(
  keyboardType: TextInputType.multiline,
  maxLength: null,
  maxLines: null,
)

All you need is to set maxLines to null

edited Mar 14 '19 at 07:01

Nipun

990
1
16
25

answered Mar 01 '19 at 11:04

Mohamed hassan kadri

994
6
17

score 3 · Answer 2 · answered Mar 01 '19 at 10:15

3

Give the property maxLines: null to the TextField widget

TextField(
  autofocus: false,
  controller: _text,
  keyboardType: TextInputType.multiline,
  maxLength: null,
  maxLines: null,
),

answered Mar 01 '19 at 10:15

krishnakumarcn

3,959
6
39
69

score 2 · Answer 3 · answered Nov 13 '19 at 06:25

Just set maxLines as null:

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

If the maxLines property is null, there is no limit to the number of lines, and the wrap is enabled.

And you can set min line also by adding

minLines: 2    //Number of lines(int), you can replace with your number as per your need

How to make Flutter TextField accept multiline?

3 Answers3