React Native resizeMode: «содержать» не работает с выставкой?

Я работаю с resizeMode:'contain', потому что изображение растягивается. но resizeMode не работает с приложением expo.

image: {
    width: 80,
    height: 80,
    borderRadius: 10,
    resizeMode:'contain',
  },


<TouchableOpacity onPress={() => onPress({ product })}>
   <Image
     source={{ uri: getProductImage(product.images[0].src, 100) }}
     style={styles.image}
   />
</TouchableOpacity>[enter image description here][1]

скриншот


react-native expo react-native-stylesheet
person Mohit Sharma    schedule 07.04.2020    source источник
comment
Отвечает ли это на ваш вопрос? Изображение 'contain' resizeMode не работает в режиме реагирования   -  person SDushan    schedule 07.04.2020

Ответы (1)


arrow_upward
1
arrow_downward

попробуйте поместить resizeMode='contain' внутрь компонента Image:

<Image
     resizeMode='contain'
     source={{ uri: getProductImage(product.images[0].src, 100) }}
     style={styles.image}
   />

проверьте также этот метод, используя flex и `height:undefined': пример

person B. Mohammad    schedule 07.04.2020
comment
Я использовал resizeMode={'contain'} вот так, но все еще не работает. - person Mohit Sharma; 07.04.2020
comment
используйте его следующим образом: resizeMode='contain' - person B. Mohammad; 07.04.2020
comment
Все еще не работает, есть ли другой способ использовать это. до этого работало, но после обновления node_module свойство не работало. - person Mohit Sharma; 07.04.2020
comment
проверьте пример для метода flex - person B. Mohammad; 07.04.2020
comment
это нормально, но у меня проблема с высотой изображений. изображения поступают из API. - person Mohit Sharma; 07.04.2020
comment
если изображения не имеют одинаковых пропорций, результат не будет одинаковым даже при одинаковой высоте - person B. Mohammad; 07.04.2020