加载没有扩展名的远程图像

Question

我试图加载没有文件扩展名的远程图像。该网址看起来是这样的：

http://i.efritin-st.com/73b7a349-9c58-4881-886f-39e7c4cf7c2c/88/66/cropped.webp 

我的代码如下所示：

<Image 
    source={{uri: imageUri}} 
    style={{width: 60, height: 88}} 
/>; 

凡imageUri是上面列出的完整URL。它适用于其他图像，例如http://i.imgur.com/UePbdph.jpg。但是，当我指向没有定期扩展的东西时就不行。

或者至少这是我的猜测。任何其他想法？没有正确的标题或例如？

Answer 1

您的示例网址实际上有一个扩展名“.webp”。这是一个WebP图像。 iOS不支持开箱即用的WebP，并且react-native也不会添加任何支持。如果您正在控制图像裁剪，最简单的解决方案是将格式更改为JPEG（或任何其他supported format）。

或者，您可以注册您自己的WebP的RCTImageDataDecoder实现。这不应该太难。你可以看看RCTGIFImageDecoder的实现，看看它是如何完成的。例如，为了创建UIImage，你可以使用iOS-WebP。