title: Can RenderFlex use the entire Row() and adapt for overflowing Text() elements?
body: <p>I have a Row() with two Text() elements in it.  Usually there is ample space for both of them, but just occasionally there isn't and I get results like one of the following, depending on the layout settings I'm using:</p>
  <p><a href="https://i.stack.imgur.com/yKq6x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yKq6x.png" alt="ex 1" /></a></p>
  <p><a href="https://i.stack.imgur.com/FpQmy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FpQmy.png" alt="ex 2" /></a></p>
  <p>What I would really like to happen is if there is sufficient space for both elements then they should be laid left and right aligned (as in the second tile).  But, otherwise one, or both, should be truncated in such a way that the entire row width is used to show as much as possible, with some space between.</p>
  <p>I've read the description of RenderFlex, and experimented with Flexible() and Expanded() wrappers, but can't make it behave like that.</p>
  <p>The code I'm currently using is below.  I  can get close to what I want, in this particular case, by tweaking the flex values, but I'm hoping there's a solution rather more robust.</p>
  <pre><code>              Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Flexible(
                      flex: 10,
                      fit: FlexFit.loose,
                      child: Text(
                        '${instrument.exchDisp}/${instrument.exch}',
                        maxLines: 1,
                        overflow: TextOverflow.ellipsis,
                        style: AppTextStyles.instrumentExchangeText(context),
                      ),
                    ),
  
                    Spacer(flex: 1,),
  
                    Flexible(
                      flex: 10,
                      fit: FlexFit.loose,
                      child: Text(
                        '${instrument.typeDisp}/${instrument.type}',
                        textAlign: TextAlign.right,
                        maxLines: 1,
                        overflow: TextOverflow.ellipsis,
                        style: AppTextStyles.instrumentTypeText(context),
                      ),
                    ),
                  ],
                ),
  </code></pre>