Images Are Not Visible in React-Native App Release Build

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

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

React Native local assets images not showing some time on release mode

You should try

cd android && ./gradlew assembleRelease

to see if your images are present in the generated release apk in the outputs folder. If so, then your release shouldn't have this issue.

React Native BareWorkflow images don't show when ios release build

I faced this problem too.

My steps to solve the problem were:

  1. execute react-native bundle --entry-file ./index.js --platform ios --bundle-output ios/main.jsbundle --assets-dest ios

This command, among other things, creates main.jsbundle file and assets folder in ios directory


  1. Add "main.jsbundle" and "assets" folder to 'Copy Bundle Resources'.

  2. Rebuild project.

p.s This post helped me a lot https://stackoverflow.com/a/35366243

Hope these steps help you!

Image map wrongly in release build for React Native app

Fixed by downgrading fresco version from 2.6.0 to 2.5.0

implementation 'com.facebook.fresco:animated-gif:2.5.0'

Solution from
https://github.com/facebook/react-native/issues/32671



Related Topics



Leave a reply



Submit