Flutter text overflow in a Row

Question

I have a Row with two Text widgets in it:

Card(...
  Padding(...
    Column(...
      Padding(...
        Column(
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text('Text'),
                Text('Long text'),
              ],
              ...

The output is something like this:

+----------------------------+
 Text               Long text 
+----------------------------+

If the second text is larger than the available space, I want something like this:

+----------------------------+
 Text Loooooooooooooooooooong 
      texttttttttttt 
+----------------------------+

but I get overflow error:

+----------------------------+
 Text Loooooooooooooooooooong texttttttttttt 
+----------------------------+

What should I do?

Kherel · Accepted Answer · 2021-12-12 18:09:58Z

4

Wrap the second text in the Expanded widget

Row(
    children: [
      Text('Text'),
      Expanded(
        child: Text(
          'Loooooooooooooooooooong texttttttttttt ',
          textAlign: TextAlign.right,
        ),
      ),
    ],
),

edited Dec 12, 2021 at 18:09

answered Dec 12, 2021 at 18:04

Kherel

16.4k7 gold badges60 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Elvis Salabarria Aquino · Accepted Answer · 2021-12-13 00:44:14Z

1

I would use flex to prevent it from taking the full size of the view

Row(
    children: [
      Text('Text'),
      Flexible(
        child: Text(
          'Loooooooooooooooooooong texttttttttttt ',
          textAlign: TextAlign.right,
        ),
      ),
    ],
),

answered Dec 13, 2021 at 0:44

Elvis Salabarria Aquino

5982 silver badges8 bronze badges

Collectives™ on Stack Overflow

Flutter text overflow in a Row

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related