title: React - vertically align text and icon
body: <p>I have tried all things to align vertically an icon and a text, Code:</p>
  
  <pre><code>&lt;Danger color="secondary" style={{ flex:1,justifyContent: "center",alignItems: "center" }}&gt;
    &lt;ErrorOutline
      className={classes.warning}
    /&gt;
    &lt;text numberOfLines={1} style={{ textAlignVertical: "center" }}&gt;
      The last job was canceled
    &lt;/text&gt;
  &lt;/Danger&gt;
  </code></pre>
  
  <p>Things that I've tried : <code>display, justifyContent, alignItems, flex, flexDirection, etc.</code> </p>
  
  <p>Any advice? Thanks!</p>