Flutter: Let the Text in Text widget overflow on new line

Question

I have a Text widget where I put some text in (title of games), but some game titles hit the max width of the screen (A RenderFlex overflowed by 77 pixels on the right. for example). How can I put that the text just continues underneath?

Issue:

I want to have it like this:

|Im a very long title |
|that does not fit.   |

EDIT:

The Text widget is in a Row Widget which exists in a Column Widget.

CopsOnRoad · Accepted Answer · 2019-08-31 20:02:20Z

8

Row(
  children: <Widget>[
    SomeOtherWidget(),
    Expanded( // add this
      child: Text(
        "This is a long text",
        maxLines: 2, // you can change it accordingly
        overflow: TextOverflow.ellipsis, // and this
      ),
    ),
  ],
)

Wrap your Text in Expanded and set overflow property.

answered Aug 31, 2019 at 20:02

CopsOnRoad

271k97 gold badges702 silver badges471 bronze badges

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

1 Comment

rafbanaan Over a year ago

This did it! Thanks.

Collectives™ on Stack Overflow

Flutter: Let the Text in Text widget overflow on new line

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related