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

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 时，请查看开发人员文档以了解此类功能，以便了解您正在使用什么。