title: How to add ellipsis to a text widget in between two text widget in a row widget
body: <p>I am in need to create a UI similar to below illustration. The second text to shrink to give space for third text in a row.</p>
  <p><strong>Excepted UI</strong></p>
  <p><a href="https://i.stack.imgur.com/HEMuF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HEMuF.png" alt="Excepted UI" /></a></p>
  <p>But the second text doesn't shrink whereas the third text widget shrinks</p>
  <p><strong>Present UI</strong></p>
  <p><a href="https://i.stack.imgur.com/3dFke.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3dFke.png" alt="enter image description here" /></a></p>
  <p>I used expanded to wrap the third Text widget. It didn't help.</p>
  <pre class="lang-dart prettyprint-override"><code>Row(children: [
    Container(color:Colors.lightBlue, child:Text('1one'),),
    Container(
      color:Colors.lightGreen,
      child:Text(
        '2Two2Two2Two2dbTwo2Two2Two2Two2Two2Two2Two2Two2Two2Two2Two2Two2', 
        overflow: TextOverflow.ellipsis)),
    Expanded(
      child:Container(
        color:Colors.orange, 
        child: Text('Three3Three3Three3Three3Three3Three3Three3Three3Three3Three')
      )
    )
  ])
  </code></pre>
  <p><a href="https://dartpad.dev/b6409e10de32b280b8938aa75364fa7b?" rel="nofollow noreferrer">Dart pad</a></p>