Search code examples
imagelocalreleasereact-native

Local images are not visible in React-Native app release build

In my react-native app I have "src" folder that includes a Images folder and screens folder.My screens folder have various components where I am uing local images from Images using following code.

<Image source={require('src/Images/logo.png')} />

logo.png is an image placed in Images folder, there are many more such images referenced like this.Now all these images are shown pretty well in development mode but when I generated the release apk using gradlew assemblereleaseand installed the apk on my device all images referenced in this manner disappear somewhere.

My react-native version is 0.40.

Solution

  • Solved by following answer of Chiranjhivi Ghimire Steps -

    1. Created assets folder at ../android/app/src/main/
    2. copy and paste this command in command prompt

    react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

    1. enter this command in cmd gradle assemblerelease.
    2. done

    equivalent solution for ios can be found at link