Image from custom.xcassets in React-Native

Question

If we want to use an image in React-Native js from Images.xcassets, we simply provide the image name as URI - for eg.

<Image style = {styles.someStyle} source = {{uri:'addImage.png'}}>

But what if we have a custom created .xcassets ? How can that imageset be accessed from the RN js ?

Samuli Hakoniemi · Accepted Answer · 2016-08-29 10:58:20Z

0

It's considered as legacy code, but can be imported like:

<Image source={require('image!custom')} />

answered Aug 29, 2016 at 10:58

19.1k1 gold badge64 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Downvote for what? This is part of the official RN documentation: facebook.github.io/react-native/docs/image.html

it's not working for me. Where did you find working example?