Text(
"Introduction to Very very very long text",
maxLines: 1,
overflow: TextOverflow.ellipsis,
softWrap: false,
style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
), return Expanded(
child: Container(
child: Column(
children: [
Text("Your text here...",
overflow: TextOverflow.ellipsis
)
]
)
)
);// To me wrapping the overflowing component in a Flexible did the trick
Row(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Icon(Icons.arrow_back),
Container(
width: 5,
),
Flexible( // to fix overflowing texts
child: RichText(
maxLines: 2,
overflow: TextOverflow.ellipsis,
text: TextSpan(
text: 'A long text',
style: TextStyle(fontWeight: FontWeight.bold),
children: <TextSpan>[
TextSpan(
text: '\n' + 'A very long text you would not believe it is so long',
style: TextStyle(fontWeight: FontWeight.bold))
]),
),
),
],
)