react-native-cached-image: Images won't render at the first time

In my case, I need to render each image in each row of my listview. The problem is when I install my app and open it at the first time, some of the images just stuck in the loading indicator. However, when I click the image and navigate to another page, that image is shown up in the new page correctly. After I restart my app, the images in the listview are all shown up correctly. Thus, I am guessing that when I open the app at the very first time, the images were downloaded and saved into the cache, but it doesn’t lead to rerender the images in the listview. I mean some of them are stuck, the others are loaded successfully. It’s not the server’s problem, I think it’s about how to correctly rerender the cached image in the listview.

And, another problem is that if I updated my profile photo in the server side after I called the onRefresh from the RefreshControl, the uri did change but the cached image wasn’t updated. If I press on my photo to open a lightbox which fetches image from the network it shows correctly. I guess this maybe the same issue like above. The image doesn’t know when to rerender…

Do you think it’s related to this issue? facebook/react-native#1417

image

image

image

About this issue

  • Original URL
  • State: closed
  • Created 7 years ago
  • Comments: 25 (8 by maintainers)

Commits related to this issue

Most upvoted comments

all done, looked great. i added in some extra images to the array for good measure and they all loaded up. thanks for the quick response!

thats exactly what i did too (i think!). let me try again now and ill let you know.