title: Text widget overflow options don't appear to work
body: <p>I have a Text widget which is overflowing its box.  I've experimented with the various overflow options but they don't seem to make any difference.</p>
  <p><a href="https://i.stack.imgur.com/DUNQP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DUNQP.png" alt="enter image description here" /></a></p>
  <p>Any thoughts what I'm doing wrong?</p>
  <pre><code> @override
    Widget build(BuildContext context) {
      return ListView.separated(
          separatorBuilder: (BuildContext context, int index) {
            return SizedBox(height: 7);
          },
          padding: EdgeInsets.fromLTRB(10.0, 4.0, 10.0, 4.0),
          itemCount: items.length,
          itemBuilder: (context, index) {
            final item = items[index];
  
            return Card(
                shadowColor: Colors.blueAccent,
                elevation: 5,
                shape: RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(15.0),
                ),
                color: Color(0xfffffbe7),   
                child: Container(
                  padding: EdgeInsets.fromLTRB(16.0, 4.0, 16.0, 4.0),
                  child: Column(
                    children: [
                      ...
                      Row(
                        children: [
                          Text(  **// &lt;&lt;&lt;&lt; This is the overflowing widget**
                            '${item.name}',  
                            maxLines: 1,
                            overflow: TextOverflow.clip,
                            style: TextStyle(
                                fontFamily: 'Montserrat',
                                fontSize: 18.0,
                                fontWeight: FontWeight.normal,
                                color: Colors.blue),
                          ),
                        ],
                      ),
  </code></pre>