Is it possible to using Image.getSize with static image file?

image react-native static-files
binkpitch picture binkpitch · Feb 2, 2017 · Viewed 12.3k times · Source

I want to use Image.getSize (https://facebook.github.io/react-native/docs/image.html) to get the size of my image but the first argument require the image source to be in URI but I can't use URI with static file, I can only use Require.

Therefore, is it possible is to use Image.getSize on static file or do I have to find another way?

Answer

PTT picture PTT · Feb 13, 2017

You can use resolveAssetSource (from react-native/Libraries/Image/resolveAssetSource) to get the image's size.

import resolveAssetSource from 'resolveAssetSource';

and

let icon =  require('./assets/images/icon.png'); 
let source = resolveAssetSource(icon);
// source.width, source.height`

Related questions

how to make the blur effect with react-native?

how to make the blur effect with react-native ? like 'background-image' and i want to switch the effect 'blur' and 'none'，'none' means no blur effect

Read More
React-Native Image Height (Full Width)

I have an image that I pull down from a url. I do not know the dimensions of this image ahead of time. How do I style / layout the <Image/> so it is the full width of the …

Read More
How to place a text over image in react native?

How to vertically place a text over image in react native? I found this doc. But i can't do like that , I can't add text tag as a child component of Image tag.I've tried like the below. <Card&…

Read More