react-native-offline-cache-webview
Features
Offline cache enabled WebView, works for Android and iOS.
iOS | Android |
---|---|
Install
npm i react-native-offline-cache-webview --savereact-native link react-native-offline-cache-webview
Usage
; { return <OfflineCacheWebView style=styleswebview source=uri: 'http://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018' /> ; }
Example
- Check it here
How does this work?
For iOS, the offline cache is implemented with RNCachingURLProtocol
RNCachingURLProtocol is a simple shim for the HTTP protocol (that’s not nearly as scary as it sounds). Anytime a URL is downloaded, the response is cached to disk. Anytime a URL is requested, if we’re online then things proceed normally. If we’re offline, then we retrieve the cached version.
For Android, it's provided by CacheWebView
CacheWebView is a custom implement of Android WebView resource interceptor. It beyond system WebView cache space limit, let cache config more simple ,fast and flexible. Visit website by offline.
This library is built on top of react-native-advanced-webview
, the architecture leveraged for customizing React Naitve WebView
TODO
offlineCacheMode
property to controlon/off
for cache usageprefetch
method for caching url by advanceclearCache
method