Member-only story

Flutter: Wrapping Text

Prafulla Singh
2 min readMar 12, 2020

--

1. Clip, 2. Fade, 3.Ellipsis

Ellipsis

Text(
"This is a text example."
overflow: TextOverflow.ellipsis,
),

Fade

Text(
"This is a text example."
overflow: TextOverflow.ellipsis,
),

Clip

Text(
"This is a text example."
overflow: TextOverflow.ellipsis,
),

Important: It is better to keep a wrap-able text inside either in Expanded or Flexible widget. to allow text expand/flex based on available size. specially if text is inside row or collum.

Expanded(
child: Text(...),
)
Flexible (
child: Text(...),
)

References:

--

--

Prafulla Singh
Prafulla Singh

No responses yet