Code Monkey home page Code Monkey logo

Comments (8)

binchik avatar binchik commented on June 30, 2024 1

Hi, thank you for the issue. renderContent Image must have flex: 1 to fill the fullscreen view. If that doesn't help you, please share whole component's source code in a gist.

from react-native-image-carousel.

ismdcf avatar ismdcf commented on June 30, 2024 1

The Image cache reset issue was because my apps default cache size being depleted. Added the following to Appdeligate.m didFinishLaunchingWithOptions method to increase it to 200 MB fixed the image cache resetting and now it works.

// Set app-wide shared cache NSUInteger cacheSizeMemory = 200*1024*1024; // 200 MB NSUInteger cacheSizeDisk = 200*1024*1024; // 200 MB NSURLCache *sharedCache = [[NSURLCache alloc] initWithMemoryCapacity:cacheSizeMemory diskCapacity:cacheSizeDisk diskPath:@"nsurlcache"]; [NSURLCache setSharedURLCache:sharedCache];

from react-native-image-carousel.

ismdcf avatar ismdcf commented on June 30, 2024

Thanks @binchik I have set it to flex:1. But still It is the black screen that is presented on full screen mode before the actual image appears . My component is a bit complicated , I will create a new app with this issue and put on gist.

from react-native-image-carousel.

ismdcf avatar ismdcf commented on June 30, 2024

@binchik Also found this getting printed always (on Xcode logs ) when I open an image on full screen

[info][tid:main][RCTImageView.m:408] Reloading image http://imagehost.com/app-images/49_68706121/359_5938951.jpeg as size {161.5, 108}

After swiping through the images for a couple of screens the image caching resets and tries to fetch the image from the network again.

from react-native-image-carousel.

binchik avatar binchik commented on June 30, 2024

@ismdcf I ran your code on my machine, setting Image style to StyleSheet.absoluteFillObject instead of flex: 1 does the thing, try it.

from react-native-image-carousel.

binchik avatar binchik commented on June 30, 2024

@ismdcf thank you, the image caching is a known issue, have no idea how to solve it at the moment. RN just always tries to reload the image on Image component size change.

If you have any guesses how to get rid of this behavior, please let me know.

from react-native-image-carousel.

ismdcf avatar ismdcf commented on June 30, 2024

Yippi, It Shows Up with ...StyleSheet.absoluteFillObject added to the content styles, but now it does not update the image to the loaded one in fullscreen . closing full screen mode shows that the images have been loaded and consecutive opening in full screen opens the image, Thats fine rather than the black screen , Anyways I'll look into the image caching issue see if I could find a solution :)

from react-native-image-carousel.

binchik avatar binchik commented on June 30, 2024

Thank you @ismdcf, I had the same issue, will add it to the README today.

from react-native-image-carousel.

Related Issues (14)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.