Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ImageBackground does not support content:// URIs in React Native #48415

Closed
jazzylamba opened this issue Dec 31, 2024 · 3 comments
Closed

ImageBackground does not support content:// URIs in React Native #48415

jazzylamba opened this issue Dec 31, 2024 · 3 comments

Comments

@jazzylamba
Copy link

jazzylamba commented Dec 31, 2024

Description

ImageBackground in React Native does not support content:// URIs on Android. When trying to load an image from a media URI (e.g., content://), the image does not appear, even though the URI points to a valid image on the device.

Steps to reproduce

  1. Select an image from the Android gallery or another media source.
  2. Use the content:// URI returned by the media provider.
  3. Pass the content:// URI to ImageBackground.
  4. Observe that the image is not displayed.

React Native Version

0.75.4

Affected Platforms

Runtime - Android, Runtime - iOS, Build - MacOS, Build - Linux

Output of npx react-native info

info Fetching system and libraries information...
System:
  OS: Linux 6.8 Ubuntu 22.04.5 LTS 22.04.5 LTS (Jammy Jellyfish)
  CPU: (4) x64 Intel(R) Core(TM) i5-6300HQ CPU @ 2.30GHz
  Memory: 11.77 GB / 23.36 GB
  Shell:
    version: 5.1.16
    path: /bin/bash
Binaries:
  Node:
    version: 18.19.1
    path: ~/.nvm/versions/node/v18.19.1/bin/node
  Yarn:
    version: 1.22.22
    path: ~/Jazzy Developer/frontend-mobile/oono-app/node_modules/.bin/yarn
  npm:
    version: 10.2.4
    path: ~/.nvm/versions/node/v18.19.1/bin/npm
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.75.4
    wanted: 0.75.4
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Stacktrace or Logs

no any logs showing

Screenshots and Videos

Uploading Screenshot_20241231-144157.jpg…
Uploading Screenshot_20241231-144157.jpg…

@react-native-bot react-native-bot added Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Component: Image Component: ImageBackground labels Dec 31, 2024
@react-native-bot
Copy link
Collaborator

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Please provide either:

@cortinico
Copy link
Contributor

@jazzylamba can you re-upload the 2 images as they failed to upload

@jazzylamba
Copy link
Author

I am closing this ticket. Issue was something else. Thanks for the reply.

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Jan 2, 2025
@cortinico cortinico removed Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. Needs: Attention Issues where the author has responded to feedback. labels Jan 2, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants