title: Text wrap in row widgets
body: <p>I have nested rows using this code:</p>
  
  <pre><code>    Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: &lt;Widget&gt;[
        Row(
          children: &lt;Widget&gt;[
            Icon(Icons.fiber_manual_record),
            Text(
              'the text in the first row',
            ),
          ],
        ),
        Row(
          children: &lt;Widget&gt;[
            Icon(Icons.fiber_manual_record),
            Text(
              'the text in the second row',
            ),
          ],
        ),
      ],
    )
  </code></pre>
  
  <p>When there is space, I want the rows to be side by side (current behavior):</p>
  
  <p><a href="https://i.stack.imgur.com/XmLlh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/XmLlh.png" alt="enter image description here"></a></p>
  
  <p>Currently, when it overflows, the text gets cut off like this:</p>
  
  <p><a href="https://i.stack.imgur.com/6muzy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/6muzy.png" alt="nested rows"></a></p>
  
  <p>Is there a way to force the second row onto a new line when there's no space, so it looks like this?</p>
  
  <p><a href="https://i.stack.imgur.com/4nctL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4nctL.png" alt="new lines"></a></p>