title: Cannot resize an SVG image in React Native app
body: <p>I have the following <code>React Native</code> project:</p>
  
  <p><a href="https://snack.expo.io/BkBU8fAlV" rel="noreferrer">https://snack.expo.io/BkBU8fAlV</a></p>
  
  <p>where I have the following code:</p>
  
  <pre><code>import * as React from 'react';
  import { Text, View, StyleSheet } from 'react-native';
  import { Constants } from 'expo';
  
  // You can import from local files
  import AssetExample from './components/AssetExample';
  
  // or any pure javascript modules available in npm
  import { Card } from 'react-native-paper';
  
  import HomerSvg from './assets/HomerSvg';
  
  export default class App extends React.Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;Text style={styles.paragraph}&gt;
            Change code in the editor and watch it change on your phone! Save to get a shareable url.
          &lt;/Text&gt;
          &lt;View style={{ width: 80, height: 80 }}&gt;
            &lt;HomerSvg /&gt;
          &lt;/View&gt;
          &lt;Card&gt;
            &lt;AssetExample /&gt;
          &lt;/Card&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      paddingTop: Constants.statusBarHeight,
      backgroundColor: '#ecf0f1',
      padding: 8,
    },
    paragraph: {
      margin: 24,
      fontSize: 18,
      fontWeight: 'bold',
      textAlign: 'center',
    },
  });
  </code></pre>
  
  <p>I display the <code>SVG</code> image through the component: <code>HomerSvg</code> which uses the <code>react-native-svg</code> package.</p>
  
  <p>What I need is to resize somehow the <code>SVG</code> image. On the code above I did a try with no success.</p>
  
  <p>I tried by giving the container view some width and height with no success.</p>
  
  <p>Do you have any idea on how can I achieve that?</p>
  
  <p>Thanks!</p>