title: TextOverflow.ellipsis not working even inside expanded
body: <p>I have read dozens of stack overflow posts about <code>TextOverflow.ellipsis</code> not working, and pretty much every single one just said &quot;Wrap it in an Expanded widget&quot;</p>
  <p>That is not working. I have tried putting the Expanded widget around the Text widget, the Row Widget, the Container Widget...nothing is working. As soon as I add the Expanded Widget, I get an error because there is already an Expanded Widget for the</p>
  <p>PLEASE HELP. I'm gonna lose my mind. The only &quot;solution&quot; I've found is to do a set width on a Container right around the Text Widget, which is not what I want since I want the Text Container to be flexible to the screen size.</p>
  <p>Error:</p>
  <pre><code>RenderBox was not laid out: RenderConstrainedBox#96e5e relayoutBoundary=up3 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  'package:flutter/src/rendering/box.dart': Failed assertion: line 1930 pos 12: 'hasSize'
  </code></pre>
  <p>Code:</p>
  <pre><code>Expanded(
        child: Container(
          padding: EdgeInsets.fromLTRB(_centeredPadding, _paddingTop, 0, 24),
          child: Row(
            mainAxisAlignment: center ? MainAxisAlignment.center : MainAxisAlignment.spaceBetween,
            crossAxisAlignment: size == 'mobile' ? CrossAxisAlignment.start : CrossAxisAlignment.center,
            children: [
              Row(
                children: [
                  Container(
                    margin: EdgeInsets.only(right: 15),
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(100),
                      child: Image(
                        width: _iconSize,
                        image: AssetImage('assets/images/users/user-3.png'),
                      ),
                    ),
                  ),
                  Text(
                    'Really long name does not fit',
                    overflow: TextOverflow.ellipsis,
                    style: textStyle,
                  ),
                ],
              ),
              IconButton(
                icon: Icon(Icons.settings),
                padding: EdgeInsets.only(left: 14, right: 16),
                onPressed: () {
                  Navigator.pushNamed(context, 'home/settings');
                },
              ),
            ],
          ),
        ),
      );
  </code></pre>
  <p>And just to reiterate, this is not the solution:</p>
  <pre><code>Expanded(
    child: Text(
      'Really long name does not fit',
      overflow: TextOverflow.ellipsis,
      style: textStyle,
    ),
  ),
  </code></pre>
  <p><a href="https://i.stack.imgur.com/XAajw.png" rel="nofollow noreferrer">Picture of the non-working code</a></p>
  <p><a href="https://i.stack.imgur.com/P4AzU.png" rel="nofollow noreferrer">What I wish it looked like</a></p>