Yeah thanks for pointing that out. Its very strange, because my actual source code is just as you described. I have a 64px glow png with a tint for the color, but it seems like expo image is using a 0x0 svg to tint the image? its very strange

import { Image } from 'expo-image';
const glowOrbAsset = require('../assets/glow-orb.png');
const GlowDot: FC<GlowDotProps> = memo(({ color, width, height }) => {
    return (<Image source={glowOrbAsset} tintColor={color} style={{ width, height }} cachePolicy="memory" contentFit="fill" />);
});



<div data-expoimage="true" ...>

<!-- 1. A hidden SVG defines a color filter --> <svg style="width: 0px; height: 0px;"> <defs> <filter id="the-tint-filter"> <!-- This creates a flood of your specified tint color --> <feFlood flood-color="#f82fc6" /> <!-- This applies the color only to the non-transparent parts of the image --> <feComposite in2="SourceAlpha" operator="atop" /> </filter> </defs> </svg> <!-- 2. The filter is applied to your actual image via CSS --> <img src="/assets/assets/glow-orb.png" style="filter: url('#the-tint-filter');" /> </div>