Proper text wrapping for right sided widget in a row-CodePudding

I have a layout as follows:

Widget1 is aligned to the left, Widget2 and the text widget - to the right. How can I wrap the text with an ellipsis for example in case it doesn't fit into the row, as follows?

CodePudding user response：

you can wrap 'Text with property...' inside ExpandedWidget.

Row(
      children: [
        WidgetA(),
        WidgetB(),
        Expanded(
          child: Text("...."),
        )
      ],
    )

CodePudding user response：

add your Text widget inside Expanded

Row(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: [
        Expanded(
          child: Text('Atras'),
        ),
        Expanded(
          child: Text('Filtros offertos'),
        ),
        Expanded(
          child: Text('title'),
        ),
        Expanded(
          child: Text('titleasdas'),
        ),
        Expanded(
          child: Text('title'),
        ),
        Expanded(
          child: Text('titlesfsfsdf'),
        ),
      ],
    ),

Your result screen->