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

React Native 63 not showing remote or static images with iOS 14 #29369

Closed
abiespinal04 opened this issue Jul 14, 2020 · 2 comments
Closed

React Native 63 not showing remote or static images with iOS 14 #29369

abiespinal04 opened this issue Jul 14, 2020 · 2 comments

Comments

@abiespinal04
Copy link

Description

I'm using react native 63 with Xcode Version 12.0 beta (12A6159) and iOS 14. I'm trying to use the react native image component. The simulator isn't showing any of my static image assets. Nor is it showing remote images.

<Image source={require('../assets/img/cardsAdCardsVersion1.png')} style={{resizeMode:'cover', width, marginTop:1.5}} />

or

<Image source={{uri: 'https://reactjs.org/logo-og.png'}} style={{width: 400, height: 400}} />

None of the Above show the image instead show an empty white background. Using iOS13 in the simulator shows the image. Problem is with iOS 14.

React Native version:

System:
OS: macOS 10.15.5
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Memory: 2.70 GB / 16.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 14.5.0 - /usr/local/bin/node
Yarn: Not Found
npm: 6.14.5 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.7.5 - /usr/local/bin/pod
SDKs:
iOS SDK: Not Found
Android SDK: Not Found
IDEs:
Android Studio: 3.6 AI-192.7142.36.36.6241897
Xcode: /undefined - /usr/bin/xcodebuild
Languages:
Java: 1.8.0_242 - /usr/bin/javac
Python: 2.7.16 - /usr/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.13.1 => 16.13.1
react-native: 0.63.0 => 0.63.0
npmGlobalPackages:
react-native: Not Found

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

  1. Using react native Image component
  2. <Image source={require('../../../assets/img/cardsAdCardsVersion1.png')} style={{resizeMode:'cover', width, marginTop:1.5}} />
  3. or <Image source={{uri: 'https://reactjs.org/logo-og.png'}} style={{width: 400, height: 400}} />

Expected Results

Should show the image and instead shows a white background.

@abiespinal04
Copy link
Author

Closing this issue. The solution that worked for me was #29279 (comment)

@sobanarshad85
Copy link

Real solution
#29279 (comment)

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

4 participants