Repository navigation
Are animated images like webp or gif supported on Android? #100
Description
Hi team! I'm trying to integrate Nitro Image into our app but I ran into some issues. To narrow it down, I created simple Expo App and installed nitro image there. While ios is working fine, on Android I'm hitting error Requested Image is not a Bitmap! when trying to load remote animated gif. I got the same issue with animated webp.
To reproduce I just did in my component:
const gifImage = useImage({
url: "https://www.easygifanimator.net/images/samples/imageeffects.gif",
});
. . .
{gifImage.image && (
<NitroImage
image={gifImage.image}
style={{ width: 200, height: 200 }}
/>
)}
Is this something on my side? I understand that Coil should support animated image: https://coil-kt.github.io/coil/gifs/ if AnimatedImageDecoder is loaded. The error I'm getting is throw from here: https://github.com/mrousavy/react-native-nitro-image/blob/main/packages/react-native-nitro-web-image/android/src/main/java/com/margelo/nitro/web/image/ImageLoader%2BloadImageAsync.kt#L34
Is react-native-nitro-web-image preventing animated images?
Activity
mrousavy commentedon Mar 11, 2026
Hmm, I think it might be because we cast to
Bitmap. I'll look into thismrousavy commentedon Mar 15, 2026
They should be supported via the web-image loader - can you try to use
useImageLoaderor basically just passing{ url: ... }directly, insetead of usinguseImage(...)?SMhdAsadi commentedon Apr 15, 2026
I had several animated images in AVIF format. Tried to load them with
requireinuseImageLoaderbut only the first frame is shown.DaveyEke commentedon Apr 27, 2026
Hello @adammruk, by default nitro-image doesn't support loading animated images such as .gif for now. I have an open PR which adds support for this and other animated image extensions via a separate package. Feel free to try our the PR locally.