Why does static images Stretches in React-Native Release Environment

Question

I have created a React-native app. The static images are showing properly in Debug mode but in Release(after creating main.jsbundle and adding it into project) the images Stretches.

I have gone through lots of suggestions on Github but could not find a solution. Some people suggested to use "svgs" instead of "pngs"

score 0 · Answer 1 · answered Oct 08 '19 at 14:39

0

did u use resizeMode in image component?

<Image source={{ uri: '' }} style={{ }} resizeMode={'contain'} />

answered Oct 08 '19 at 14:39

Yasin Ugurlu

691
5
11

tried it but did not work. Moreover, if this was the case then it might not have been working even in Debug Mode – Muhammad Nayab Oct 08 '19 at 14:48

score 0 · Answer 2 · answered Oct 09 '19 at 06:45

0

So after all the work and following multiple solutions offered on internet I realised that moving to SVGs is the only possible solution and it worked

answered Oct 09 '19 at 06:45

Muhammad Nayab

1,612
14
14

Why does static images Stretches in React-Native Release Environment

2 Answers2