React-native: [WebView] Caching contents WebView using the cachePolicy

[arunshan]

Currently the UIWebView is not caching the contents of webview. We need a provision to set cachePolicy if there is a boolean prop to set cache policy to the webview.

  NSMutableURLRequest *theRequest = [NSMutableURLRequest requestWithURL:URL cachePolicy:NSURLRequestReturnCacheDataElseLoad timeoutInterval:15.0];
  [_webView loadRequest:theRequest];

[brentvatne]

@arunshan - looks like a simple change, can you submit a PR?

[jaygarcia]

I've submitted a pull request for this. @brentvatne, if you have any guidance on things that can/should be changed, please feel free to ping me.

[alexisvincent]

What is the status of this? How can I enable this for my local project in the meantime?

[alexisvincent]

@brentvatne Can @jaygarcia's solution be merged?

[mkonicek]

Hi there! This issue is being closed because it has been inactive for a while.

But don't worry, it will live on with ProductPains! Check out its new home: https://productpains.com/post/react-native/webview-caching-contents-webview-using-the-cachepolicy

ProductPains helps the community prioritize the most important issues thanks to its voting feature.
It is easy to use - just login with GitHub.

Also, if this issue is a bug, please consider sending a PR with a fix.
We're a small team and rely on the community for bug fixes of issues that don't affect fb apps.

[aqnaruto]

oh,we need webview cathe ,it is very important for me!@mkonicek , please do not abandon this pr, it is very important

[vvavepacket]

this is important, pls dont abandon this.

[WangNingning1994]

on man, why close this

[indrasantosa]

Yes! We need this as well

[sujitpk-perennial]

any update.. waiting still in feb 18

[goldengecko]

Yeah, I need this too.

[ErickVoodoo]

So, there are no any news?
Maybe someone knows how to save loaded HTML and paste it to Webview?

[goldengecko]

@ErickVoodoo If you are looking to do that as a workaround instead of having a WebView cache, you could grab the source and save it, then use a webview like <WebView source={{html:getYourContent()}} /> to load and display the required content. If you also had resources like images and css etc that you wanted to cache locally you'd have to reference them appropriately too - not sure of the details of that side of things, but maybe this would be a starting point.

Definitely not where we _want_ to head, but maybe a workaround that would be useful in the meantime.

[ErickVoodoo]

@goldengecko Yesterday I did some work to solve my issue, I save HTML to my local storage, but: there is one issue, CSS and JS code which were pasted in tag were not loaded. So, I saved plain HTML without logic and styles, to be honest, this isn't what I want to get)

@goldengecko maybe you have some idea how to turn on cache on WebView? Now if there is no internet connection the WebView will fall down.

The main reason is to display the page when there is no internet connection. Maybe someone has some workarounds about that idea?

[juanrodriguezarc]

Please! We need this as well

[miraan]

This would be great. Also, the solution to just save the HTML resource to disk and load with <WebView source={{html: resource}} /> doesn't let you play with the URL parameters nicely.