I am trying to render images from our backend in a react-native app using the expo-image Image component (I tried with the react-native Image component too and still failed) and for some reason that I cannot understand images that I get from the backend are not getting rendered.
I have tried random images from the internet and they are rendered just fine. I also made sure that the uri of the images is correct and also tested the same uri's in postman and it works there. I am really struggling to find a reason for this. This is how one of the Image components looks like:
<Image
source={{
uri: "https://[dev.server.com]/img/ec/LEXUS-NX-226-400x400.jpg",
}}
style={{
width: "100%",
height: 200,
borderRadius: 8,
flex: 1,
}}
/>
The problem I had was that expo-image requires you to import image the link using require if you want to get it from your file system