AVIF format not displaying on iOS (works on Android)

[shukerullah]

The library fails to render images in the AVIF format on iOS devices. However, the same AVIF images load correctly on Android.

Expected Behavior The AVIF image should render on both iOS and Android.

Actual Behavior The AVIF image renders on Android, but a fallback appears on iOS. The following error is logged:

Failed to load image: https://media.assettype.com/gulfnews/2025-05-09/aede0x3w/Disney.avif?w=1024&w=640&auto=format,compress&fit=max
Error: Failed to cache image

Code Example

import BlastedImage from 'react-native-blasted-image';

<BlastedImage
  source={{ uri: 'https://media.assettype.com/gulfnews/2025-05-09/aede0x3w/Disney.avif?w=1024&w=640&auto=format,compress&fit=max' }}
  style={{ width: 200, height: 200 }}
/>

Environment

• react-native-blasted-image version: ^1.1.2
• React Native version: 0.79.1
• AVIF image source: https://media.assettype.com/gulfnews/2025-05-09/aede0x3w/Disney.avif?w=1024&w=640&auto=format,compress&fit=max

[xerdnu]

I’ve tried to reproduce the issue you’re describing, but haven’t been able to so far. Could you please confirm if this problem is still happening for you and if so, let me know which device and iOS version you’re using aswell as a complete list of the packages you are using? That would really help narrow it down.

Best regards! 🚀