Flutter Text beside Icon doesn't want to properly apply TextOverflow.ellipsis - flutter

Question

I need a line of text preceded by an icon, and in case the line is too long, it should complete with ellipsis (...).
Breaking to the right
Here is my code:
Flexible _buildAddress() {
return Flexible(
child: Row(
mainAxisSize: MainAxisSize.max,
children: [
Icon(Icons.location_on, size: 20, color: Colors.grey,),
SizedBox(width: 5.0,),
Text(
'Lorem ipsum long very long line of text',
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.grey,
fontSize: 16.0,
),
),
],
),
);
}
}
Detail: the ellipsis does work properly if I only have the text.

Answer 1

You should wrap the Text widget with a Flexible widget instead:
I added a demo using your code as an example:
return Row(
mainAxisSize: MainAxisSize.max,
children: [
Icon(
Icons.location_on,
size: 20,
color: Colors.grey,
),
SizedBox(
width: 5.0,
),
Flexible( // new line
child: Text(
'Lorem ipsum long very long line of text ddss',
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.grey,
fontSize: 16.0,
),
),
),
],
),
RESULT:

Answer 2

You can add Flexible or Expended widget on top of the Text widget:
_buildAddress() {
return Container(
child: Row(
mainAxisSize: MainAxisSize.max,
children: [
Icon(
Icons.location_on,
size: 20,
color: Colors.grey,
),
SizedBox(
width: 5.0,
),
Expanded(
child: Text(
'Lorem ipsum long very long line of textLorem ipsum long very long line of text',
overflow: TextOverflow.ellipsis,
style: TextStyle(
color: Colors.grey,
fontSize: 16.0,
),
),
),
],
),
);
}