加載沒有擴展名的遠程圖像

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。