title: Combine text + icon into a widget that will word wrap
body: <p>I'm trying to create a help page for my app and I'd like to simply write</p>
  
  <p>"Press {ICON} to refresh scores (or enable auto-refresh in the settings drawer)"</p>
  
  <p>Where {ICON} is Icons.refresh</p>
  
  <p>and have the whole thing word wrap if it does not fit on the screen. If it were all text I would simple wrap it in a Flexible widget or something similar and it would be fine. At the moment I have it in a row</p>
  
  <p>At the moment I have it in a row, which causes a RenderFlex overflow (see image).</p>
  
  <pre><code>Row(children: [Text("Press "), Icon(Icons.refresh), Text(" to refresh scores (or enable auto-refresh in the settings drawer)")])
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/cNlXK.png" alt="overflow"></p>
  
  <p>Any ideas how I can include an icon in a chain of text and still have it word wrap when required?</p>