title: How do I render svg images in React Native?
body: <p>I've tried "react-native-remote-svg" and "react-native-svg-image"; neither of them manage to render the SVG file.</p>
  
  <p>How do I handle SVG in React-native?</p>
  
  <p>Example code:</p>
  
  <pre><code>import SVGImage from 'react-native-svg-image'
  
  const EmailLogo = require('../static/others/Email.svg');
  
  // Render etc....
  
                          &lt;ButtonContainer&gt;
                              &lt;Button bgColor={colors.darkTeal} txtColor={colors.whiteText}
                                      onPress={this.onSignInPress.bind(this)}&gt;
                                  LOG IN WITH
                              &lt;/Button&gt;
                              &lt;SVGImage
                                  style={{ width: 80, height: 80 }}
                                  source={EmailLogo}
                              /&gt;
                          &lt;/ButtonContainer&gt;
  </code></pre>
  
  <p>Result: It's a white square when it should be an email logo.</p>
  
  <p>How does one handle SVG's properly in React-native?</p>