prevent text overflow flutter

Grieving Grivet answered on April 11, 2021 Popularity 1/10 Helpfulness 1/10

answer prevent text overflow flutter

prevent text overflow flutter

Comment

// 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))
                ]),
          ),
        ),
      ],
    )

Popularity 1/10 Helpfulness 1/10 Language dart

Source: Grepper

Tags: dart flutter overflow text

Link to this answer
Share Copy Link

Contributed on Apr 11 2021

Grieving Grivet

0 Answers Avg Quality 2/10

prevent text overflow flutter

Contents

More Related Answers

prevent text overflow flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.