how to style legend.png on a react-native map view

Question

I am trying to style a legend I created for a android map in my react-native project. I am having a hard time getting it to position correctly. Having to use the absolute pr

Answer 1

Just add resizeMode='contain' as a property to your image and not in its style:

<Image 
  source={require('../../img/legend.png') } 
  style={styles.legend} 
  resizeMode='contain' 
/> 

Reference: http://facebook.github.io/react-native/docs/image.html#resizemode