如何在反应原生的固定大小视图中适合任何大小的图像

Question

我正在努力使我的图像适应视图的固定大小，边框半径和borderWidth in react-native

 <CachedImage
resizeMode="contain"
source={{
    uri:
        "https://s3-us-west-2.amazonaws.com/bracketopia-storage/products/logo_fresh.jpg"
}}
style={{
    height: 100,
    width: 180,
    borderRadius: 10,
    overflow: "hidden",
    alignItems: "center",
    borderWidth: 1,
    borderColor: AppColors.grey
}}
/>;

但我无法实现它我会得到像：

Answer 1

删除resizeMode =“包含”属性

resizemode会在您传递参数时调整图像大小，此时您正在传递contain作为参数，然后包含将对图像进行二维处理，并且还会对视图的相应维度进行处理并将图像设置为根据其宽高比查看。

有关详细信息，请查看反应原生文档： https://facebook.github.io/react-native/docs/image.html#resizemode