local image take a long time to load when uri image are downloading - React Native

Question

When I created my application, the images I placed worked perfectly and loaded normally.

Later, connect to the server and there are images that I have to display through url. As a large list, there are many images that must be downloaded causing all the images of the app (buttons, logos, etc) to enter a kind of thread, which causes this problem.

Adding image code:

<Image source={buttonAddToCart} style={styles.buttonIncrease} />

and buttonAddToCart is a import.

import buttonAddToCart from '../../assets/images/buttonAddToCart.png';

the styles.buttonIncrease

buttonIncrease: {
        backgroundColor: 'transparent',
        height: 60,
        width: 60,
        marginTop: 35,
    },

Example when load image by uri

<Image
    source={{ uri: category.image_url }}
    style={styles.categoryPicture}/>

so are you getting any `errors` in the `console`,or does it gets fixed after **restarting** and also if it is working with `rendering small no of the images`? — Pritish Vaidya, Dec 21 '16 at 06:02
No error in the console or any type. Just the images that are accessed as local paths take a lot of time when there are many images that are loading via url — jose920405, Dec 21 '16 at 12:43
just one more think,i would like to know if you are using any module bundler with it? — Pritish Vaidya, Dec 21 '16 at 16:44
try once with `source={{uri: 'the-url'}}` or add the complete code :( — Pritish Vaidya, Dec 22 '16 at 05:54
I do not need to access the image by `uri` because it is a local image, the other images that charge from other files that are remote if the charge with` uri`. Example added to the question. — jose920405, Dec 22 '16 at 20:01

score 1 · Accepted Answer · answered Dec 22 '16 at 19:57

1

I could not find a clear solution to this issue, I came across this react-native-cached-image library and it helped me a lot to camouflage this, although basically the problem remains

answered Dec 22 '16 at 19:57

jose920405

7,982
6
45
71

local image take a long time to load when uri image are downloading - React Native

1 Answers1