React Native resizeMode: «содержать» не работает с экспо?

Question

Я работаю 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]

снимок экрана

Answer 1

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

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

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