Instead of require
-ing all images in our app like so: <Image source={require('../../assets/img/react.png')} />
we can write <Images source={uri: 'react'} />
.
Isn't that prettier? 😏
-
Instal globally:
$ npm i -g rn-images-assets
or$ yarn add global rn-images-assets
-
Inside your
react-native
project:$ rn-images-assets ./path/to/images/folder
This should copy all images to respective iOS and Android directories.
Note: Any time you add new resources you will need to re-build your app before you can use it - a reload from within the simulator is not enough.