Flutter: Text overflow for a Text inside a Column not working

Question

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Text(showing.title, style: browseTitle, overflow: TextOverflow.ellipsis,),
    Text(showing.dates, style: browseInfo),
    SizedBox(
      height: 20,
    ),
    Text('Posted by: ' + showing.email, style: browseInfo),
  ],
),

This code produces this:

But the problem is that the textoverflow I put inside the text doesn't seem to be applying and the text keeps overflowing. How do I solve this so that the text doesn't overflow and it turns into an ellipsis?

Ravi Limbani · Accepted Answer · 2022-02-02 12:07:20Z

1

CheckOut this work perfect

Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          SizedBox(
            width: MediaQuery.of(context).size.width,
            child: Text(
              showing.title,
              style: browseTitle,
              maxLines: 1,
              overflow: TextOverflow.ellipsis,
            ),
          ),
          Text(showing.dates, style: browseInfo),
          SizedBox(height: 20),
          Text('Posted by: ' + showing.email, style: browseInfo),
        ],
      ),

answered Feb 2, 2022 at 12:07

Ravi Limbani

1,1827 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Flutter: Text overflow for a Text inside a Column not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related