React Native resizeMode：'contain'不适用于expo？

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]

screenshot

Answer 1

尝试将resizeMode='contain' 放入Image 组件中：

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

使用flex 和`height:undefined' 来检查这个方法： example