how to add line breaks in text overflow flutter code example
Example 1: text overflow in new line in flutter
Row(
children: [
Flexible(
child: Text('Add long text here',
maxLines: 1,
softWrap: false,
overflow: TextOverflow.fade,
),
),
],
)
Example 2: automatic text to next line in container in flutter
Using Ellipsis
Text(
"This is a long text",
overflow: TextOverflow.ellipsis,
),
Using Fade
Text(
"This is a long text",
overflow: TextOverflow.fade,
maxLines: 1,
softWrap: false,
),
Using Clip
Text(
"This is a long text",
overflow: TextOverflow.clip,
maxLines: 1,
softWrap: false,
),
Note:
If you are using Text inside a Row, you can put above Text inside Expanded like:
Expanded(
child: AboveText(),
)