title: flex box is not working for <Image> in react native android
body: <p>I just started learning React-Native. I am facing issue while trying to render image on to the screen, it is not appearing. I have tried so many solutions from Google and stack overflow but could not able to solve the issue. 
  Can someone please help me. Below are the details. </p>
  
  <p>I am using RN 0.53.0 for Android with atom editor. Please let me know if you need more details. 
  This is where I am extracting data: <a href="http://rallycoding.herokuapp.com/api/music_albums" rel="nofollow noreferrer">http://rallycoding.herokuapp.com/api/music_albums</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from 'react';
  import { Text, View, Image, Linking } from 'react-native';
  import Card from './Card';
  import CardSection from './CardSection';
  import Button from './Button';
  
  const AlbumDetail = ({ album }) =&gt; {
      const {
        title,
        artist,
        thumbnail_image,
        image,
        url
      } = album;
      const {
        headerContentStyle,
        thumbnailStyle,
        thumbnailContainerStyle,
        imageStyle
      } = styles;
  
      return (
        &lt;Card&gt;
          &lt;CardSection&gt;
            &lt;View style={thumbnailContainerStyle}&gt;
              &lt;Image style={thumbnailStyle} source={{ uri: thumbnail_image }} /&gt;
            &lt;/View&gt;
            &lt;View style={headerContentStyle}&gt;
              &lt;Text style={{ fontSize: 18 }}&gt;{title}&lt;/Text&gt;
              &lt;Text&gt;{artist}&lt;/Text&gt;
            &lt;/View&gt;
          &lt;/CardSection&gt;
          &lt;CardSection&gt;
            &lt;View&gt;
              &lt;Image style={imageStyle} source={{ uri: image }} /&gt;
            &lt;/View&gt;
          &lt;/CardSection&gt;
          &lt;CardSection&gt;
            &lt;Button onPress={() =&gt; Linking.openURL(url)}&gt;
              Purchase
            &lt;/Button&gt;
          &lt;/CardSection&gt;
        &lt;/Card&gt;
      );
  };
  
  const styles = {
    headerContentStyle: {
      flexDirection: 'column',
      justifyContent: 'space-around'
    },
    thumbnailStyle: {
      height: 50,
      width: 50
    },
    thumbnailContainerStyle: {
      justifyContent: 'center',
      alignItems: 'center',
      marginLeft: 10,
      marginRight: 10
    },
    imageStyle: {
      height: 350,
      width: null,
      flex: 1,
      justifyContent: 'center'
    }
  };
  
  export default AlbumDetail;</code></pre>
  </div>
  </div>
  </p>