title: React-Native ImageBackground repeat not working
body: <p>I started to learn react-native and I encountered a problem.
  I need an image to repeat in the background but it's streched.
  It seems the resizeMode is not working.</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Image, ImageBackground, StyleSheet, Button, View, Text } from 'react-native';
  
  const styles = StyleSheet.create({
    home: {
      flex: 1,
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      backgroundColor: 'transparent',
    },
    backgroundImage: {
      flex: 1,
      resizeMode: 'repeat',
      backgroundColor: '#882829'
    }
  });
  
  export class HomeScreen extends Component {
    render() {
      return (
        &lt;View style={{flex: 1}}&gt;
          &lt;ImageBackground source={require('../assets/stain_pattern.png')} style={styles.backgroundImage}&gt;
            &lt;View style={styles.home}&gt;
              &lt;Text&gt;Home Screen&lt;/Text&gt;
              &lt;Button
                title="Go to Details"
                onPress={() =&gt; this.props.navigation.navigate('Details')}
              /&gt;
            &lt;/View&gt;
          &lt;/ImageBackground&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>