как стилизовать legend.png в режиме отображения родной карты

Я пытаюсь стилизовать легенду, которую я создал для карты андроида в своем реактивном проекте. Мне трудно заставить его правильно позиционироваться. Необходимость использовать абсолютное свойство с контейнером легенды отбросило меня.

Стили

   container: {
    flex: 1
},
map: {
    position: 'absolute',
    top: 56,
    left: 0,
    right: 0,
    bottom: 0,
},
legendContainer: {
    position: 'absolute',
    left: 200,
    right: 0,
    bottom: 0,
    height: 65,
    width: 210,
    flex: 1,
    alignItems: 'center',
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: 'transparent'
},
legend: {
    top: 0,
    right: 0,
    height: 60,
    width: 180,
    flexDirection: 'row',
    resizeMode: 'cover'
}

Map.js

 <View style= { styles.container } >
        <Toolbar
            title={this.state.selectedTrip.tripName || this.state.selectedTripName}  />
        <MapView
            style={styles.map}
            region={this.state.region}
            >
        </MapView>
        <View style={styles.legendContainer}>
            <Image source={require('../../img/legend.png') } style={styles.legend}/>
        </View>
    </View >
 Cherniv01 июн. 2016 г., 20:00
просто добавьresizeMode='contain' как свойство вашего изображения, как<Image source={require('../../img/legend.png') } style={styles.legend} resizeMode='contain' /> и не в своем стиле
 texas69701 июн. 2016 г., 20:14
классно! пожалуйста, вставьте в ответ

Ответы на вопрос(1)

Решение Вопроса

Просто добавьresizeMode='contain' как свойство вашего изображения, а не в его стиле:

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

Ссылка:http://facebook.github.io/react-native/docs/image.html#resizemode

Ваш ответ на вопрос