如何在获取之前调整图像大小？

Question

假设我有一个以uri为源的图像组件：

return (
    <TouchableOpacity onPress={() => {} } 
         <Image source={{uri: "https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y"}} />       
    </TouchableOpacity>
);

如果发生uri属于非常大的图像，我可以控制图像的大小并在获取之前明确设置其高度和宽度吗？或者那不可能从客户端发生？

由于

Answer 1

如果您从API中提取图像，有时您可以在请求中指定所需的图像大小。

例如，因为在您的问题中，您是从Gravatar API获取的，you could simply specify the desired image size using the s or size parameter：

https://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&f=y&s=200

当您使用API​​时，请查看开发人员文档以获取此类功能，以便了解您正在使用的内容。