react-native - 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]

截屏

Answer 1

尝试放入组件resizeMode='contain'内部Image：

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

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