how can i display image from URL using appwrite image URL

I tried to display image using appwrite file url but it is not working <Image source={{ uri: 'http://localhost/v1/storage/buckets/DoctorPhoto/files/6497b4c9040711eaedb9/view?project=64717a2c981b74efdaa2&mode=admin', }} style={{width: 400, height: 400}}></Image>

TL;DR

The user is trying to display an image from a URL using the Appwrite image URL. They found that replacing "localhost" with the IP address resolved the issue. The user also requests the Appwrite team to add image extensions in the image URL. Some users suggest using the Appwrite image preview and the React Native Image component. The user states that the image is not displaying using the Appwrite URL in React Native, but it works fine with other URLs. Solution: Replace "localhost" with the IP address in the image URL. Check network and console logs for any errors.

What do you mean by "it's not working"?

"Not working" means not working in react native Image componenteactImageView: Image source "null" doesn't exist. The image is not displaying using appwrite URL, I tried other URL from other sources. which works fine,

If i past the URL in browser then it perfectly displays the image. but not displying in react native image tag

What do the network and console logs from your browser say?

Btw, in your app, you shouldn't have the mode=admin part

ReactImageView: Image source "null" doesn't exist

And what about the network logs?

And what library exactly are you using to display the image?

React-Native Image component

url based images are also not displayed in Flutter also. I think it is because our image url has no images extension (.jpg, .png etc) that why frame does not permit to display.