deployment - react-native iOS app not showing static assets (images) after deploying

Question

I have all my static images in a folder called "images" in the root of my project. However, after I run the following command to bundle my app, the app works but no image is shown.

The command I use to bundle:

./react-native bundle --minify --entry-file index.ios.js --platform ios --dev false --bundle-output main.jsbundle --assets-dest ./assets

Note that the assets folder is created and it has my images folder with all images ok.

Can you help please?

Answer 1

Please check XCode console log first. You will find that the app couldn't find out those specific image assets on path "{project name}.app/assets/resources/.."

So, you need to put images on those fixed paths, unlike iOS native App. Lets add "assets" folder to your 'Copy Bundle Resources'.

Step 1: Select XCode project -> Build Phases -> Copy Bundle Resources

Step 2

Step 3

Step 4