question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

After upgrade to v3.0.0 all Image components turned to grey rectangulars

See original GitHub issue

Hi! Thank you for v3!

After upgrade from v2.3.2 to v3.0.0, all Images (imported from RNE) turned to grey rectangulars.

Here is my code:

<Image
	source={image}
	style={[
		{ width: 100, height: 100, resizeMode: 'contain' },
		contentTypeStyle.image
	]}
/>

Importing Image from react-native instead of react-native-elements fixed the issue:

import { Image } from ‘react-native -elements

Honestly I don’t know why I need RNE Image, but I just inform you. May be it will be a good bug report?

Your Environment (Required):

software version
react-native-elements 3.0.0
react-native 0.63.4
expo 40.0.0, web

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:11

github_iconTop GitHub Comments

1reaction
flyingcirclecommented, Dec 22, 2020

I tried this on Expo Android RNE 3.0.1, Expo 40. Was not able to reproduce what you’re saying.

1reaction
flyingcirclecommented, Dec 20, 2020

I noticed grey rectangles for a bit in Expo 40 when using the emulator, but installing to a real device works. Which makes me think that that’s an expo issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Image Processing with Python - Data Carpentry
It is important to realise that images are stored as rectangular arrays of hundreds, thousands, or millions of discrete “picture elements,” otherwise known ......
Read more >
Image Menu - ImageJ - NIH
RGB images are converted to grayscale using the formula gray=(red+green+blue)/3 or gray=0.299red+0.587green+0.114blue if "Weighted RGB to Grayscale ...
Read more >
Images and Pixels / Processing.org
This tutorial is dedicated to breaking out of simple shape drawing in Processing and using images (and their pixels) as the building blocks...
Read more >
Image Processing With the Python Pillow Library - Real Python
In this step-by-step tutorial, you'll learn how to use the Python Pillow library to deal with images and perform image processing.
Read more >
Gst-nvinfer — DeepStream 6.1.1 Release documentation
Property Meaning Network Types. / Applic... num‑detected‑classes Number of classes detected by the network Detector. Both tensor‑meta‑pool‑size Size of the output tensor meta pool All....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found