Create Multiline TextField In Flutter
In this snippet, we will look at creating a multiline text field in Flutter. A multiline Textfield is a text field widget that allows the user to input multiple lines of text.
To create a multiline text field, use the TextField widget. The TextField widget has a maxLines property that allows you to specify the maximum number of lines the Textfield can have.
TextField(
maxLines: 5
)
//allow the field to incease height if input text exceeds maxLines
TextField(
maxLines: 3
expands: true,
)
//set fixed height for text field with minLines
TextField(
controller: _controller,
minLines: 3,
maxLines: 5,
decoration: const InputDecoration(label: Text("URLs")),
),
//add ellipsis if text exceeds the field's height
Text('line 1\nline 2\nline 3\nline 4\nline 5', maxLines: 4,
overflow: TextOverflow.ellipsis,
textDirection: TextDirection.rtl,
textAlign: TextAlign.justify,
),