Images are not visible in react-native app release build

Question

Prepared a release build (android) in react native but local images are not visible. I tried some solutions suggested like running the command - 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/ but still images are not shown in the release build. Any help would be appreciated.

Not so familiar with react-native.. But did you try having "homepage":"." in your package.json? https://stackoverflow.com/questions/43011207/using-homepage-in-package-json-without-messing-up-paths-for-localhost — SoorajSethumadhavan, Feb 10 '19 at 08:57

score 1 · Answer 1 · answered Feb 10 '19 at 10:10

1

There is a "hack" for this

Use android:largeHeap="true" inside Android Manifest file

answered Feb 10 '19 at 10:10

Luka Dumančić

116
8

score 0 · Answer 2 · answered Feb 10 '19 at 08:50

0

Try to clean and rebuild the application as because, Android Studio maintain the cache memory when apk buil

answered Feb 10 '19 at 08:50

Zafar Hussain

236
2
8

score 0 · Answer 3 · answered Feb 10 '19 at 09:09

0

How you import the local image. This code works fine to import an image:

import { Image } from 'react-native';
import test from '../images/test.png';
<Image resizeMode='cover' source={test} />

answered Feb 10 '19 at 09:09

Arif

5,276
3
45
76

My code to show image is like - `` – Pankaj Feb 10 '19 at 09:10

score 0 · Answer 4 · edited Jun 25 '19 at 18:12

0

Could you try the following?

delete the react native bundle files
Run ./gradlew clean in the terminal
try running react-native run-android --variant=release

edited Jun 25 '19 at 18:12

Karl Taylor

4,212
2
28
58

answered Feb 10 '19 at 12:50

Divye Shah

727
1
9
23

Images are not visible in react-native app release build

4 Answers4