Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Suggestion: Progressive image loading algorithm by Medium #55

Closed
iegik opened this issue Jul 14, 2017 · 2 comments
Closed

Suggestion: Progressive image loading algorithm by Medium #55

iegik opened this issue Jul 14, 2017 · 2 comments

Comments

@iegik
Copy link

iegik commented Jul 14, 2017

  • Blur image frame
  • Load small sized image first (aspect ratio * 4 or 8)
  • Load full-sized image
  • Animate blur effect

https://jmperezperez.com/medium-image-progressive-loading-placeholder/

@kfiroo
Copy link
Owner

kfiroo commented Jul 17, 2017

@iegik That sounds great, but I'm afraid it's a bit out of scope of this lib.
The main concern here is to avoid downloading images multiple time and to provide a swift loading of images from cache.
What you are describing might be an amazing stand alone component for loading image and could be used with this lib to smooth the first time loads :)

@kfiroo kfiroo closed this as completed Jul 17, 2017
@iegik
Copy link
Author

iegik commented Jul 17, 2017

You are right, it can be done by adding that stand alone component as loader for CachedImage, which uses also CachedImage for small version.
Something like this:

<CachedImage source={{url:'http://placehold.it/600x800'}}
    loader={<Blured.CachedImage source={{url:'http://placehold.it/6x8'}}/>}
/>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants