title: Transparent part of png Image showing white colour
body: <p>I have a png image inside Image tag. Part of the image has transparent background. In my android phone it's showing white colour. I want the white part to be removed and make that transparent.</p>
  
  <p>Here's my code -</p>
  
  <pre><code>export default class LoginScreen extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;View style = {styles.topContainer}&gt;
          &lt;Image style = {styles.logoContainer}
          source = {require('../images/black_header.png')} /&gt;
        &lt;/View&gt;
       &lt;/View&gt;
      );
    }
  }
  
  
  const styles = StyleSheet.create({
    logoContainer: {
      resizeMode: 'contain',
      backgroundColor: "rgba(0,0,0,0)",
      width: null,
      height: 254,
    },
    container: {
      backgroundColor: "#f7f7f7"
    },
    topContainer: {
      backgroundColor: "rgba(0,0,0,0)"
    }
  });
  </code></pre>