[feat] Add cacheEnabled prop

android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java

@@ -1,8 +1,11 @@
 package com.reactnativecommunity.webview;
 
+import android.annotation.SuppressLint;
 import android.annotation.TargetApi;
 import android.content.Context;
+
 import com.facebook.react.uimanager.UIManagerModule;
+
 import java.util.LinkedList;
 import java.util.List;
 import java.util.regex.Pattern;
@@ -303,6 +306,7 @@ protected RNCWebViewBridge createRNCWebViewBridge(RNCWebView webView) {
       return new RNCWebViewBridge(webView);
     }
 
+    @SuppressLint("AddJavascriptInterface")
     public void setMessagingEnabled(boolean enabled) {
       if (messagingEnabled == enabled) {
         return;
@@ -481,6 +485,21 @@ public void setJavaScriptEnabled(WebView view, boolean enabled) {
     view.getSettings().setJavaScriptEnabled(enabled);
   }
 
+  @ReactProp(name = "enableCache")
+  public void setCacheEnabled(WebView view, boolean enabled) {
+    if (enabled) {
+      Context ctx = view.getContext();
+      if (ctx != null) {
+        view.getSettings().setAppCachePath(ctx.getCacheDir().getAbsolutePath());
+        view.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);
+        view.getSettings().setAppCacheEnabled(true);
+      }
+    } else {
+      view.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
+      view.getSettings().setAppCacheEnabled(false);
+    }
+  }
+
   @ReactProp(name = "overScrollMode")
   public void setOverScrollMode(WebView view, String overScrollModeString) {
     Integer overScrollMode;

docs/Reference.md

@@ -46,6 +46,7 @@ This document lays out the current public properties and methods for the React N
 - [`allowsBackForwardNavigationGestures`](Reference.md#allowsbackforwardnavigationgestures)
 - [`allowFileAccess`](Reference.md#allowFileAccess)
 - [`saveFormDataDisabled`](Reference.md#saveFormDataDisabled)
+- [`enableCache`](Reference.md#enableCache)
 
 ## Methods Index
 
@@ -517,6 +518,16 @@ Sets whether the WebView should disable saving form data. The default value is `
 | ------- | -------- | -------- |
 | boolean | No       | Android  |
 
+---
+
+### `enableCache`
+
+Sets whether WebView & WKWebView should use browser caching.
+
+| Type    | Required | Default |
+| ------- | -------- | ------- |
+| boolean | No       | true    |
+
 ## Methods
 
 ### `extraNativeComponentConfig()`

ios/RNCWKWebView.h

@@ -38,6 +38,7 @@ shouldStartLoadForRequest:(NSMutableDictionary<NSString *, id> *)request
 @property (nonatomic, assign) BOOL hideKeyboardAccessoryView;
 @property (nonatomic, assign) BOOL allowsBackForwardNavigationGestures;
 @property (nonatomic, copy) NSString *userAgent;
+@property (nonatomic, assign) BOOL enableCache;
 
 - (void)postMessage:(NSString *)message;
 - (void)injectJavaScript:(NSString *)script;

ios/RNCWKWebView.m

@@ -94,6 +94,9 @@ - (void)didMoveToWindow
     };
 
     WKWebViewConfiguration *wkWebViewConfig = [WKWebViewConfiguration new];
+    if (_enableCache) {
+      wkWebViewConfig.websiteDataStore = [WKWebsiteDataStore defaultDataStore];
+    }
     wkWebViewConfig.userContentController = [WKUserContentController new];
     [wkWebViewConfig.userContentController addScriptMessageHandler: self name: MessageHanderName];
     wkWebViewConfig.allowsInlineMediaPlayback = _allowsInlineMediaPlayback;

ios/RNCWKWebViewManager.m

@@ -46,6 +46,7 @@ - (UIView *)view
 RCT_EXPORT_VIEW_PROPERTY(hideKeyboardAccessoryView, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(allowsBackForwardNavigationGestures, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(userAgent, NSString)
+RCT_EXPORT_VIEW_PROPERTY(enableCache, BOOL)
 
 /**
  * Expose methods to enable messaging the webview.

js/WebView.android.js

@@ -70,6 +70,7 @@ class WebView extends React.Component<WebViewSharedProps, State> {
     allowFileAccess: false,
     saveFormDataDisabled: false,
     originWhitelist: WebViewShared.defaultOriginWhitelist,
+    enableCache: true,
   };
 
   static isFileUploadSupported = async () => {
@@ -290,7 +291,7 @@ class WebView extends React.Component<WebViewSharedProps, State> {
     const { onMessage } = this.props;
     onMessage && onMessage(event);
   };
-  
+
   onLoadingProgress = (event: WebViewProgressEvent) => {
     const { onLoadProgress} = this.props;
     onLoadProgress && onLoadProgress(event);

js/WebView.ios.js

@@ -130,6 +130,7 @@ class WebView extends React.Component<WebViewSharedProps, State> {
 
   static defaultProps = {
     useWebKit: true,
+    enableCache: true,
     originWhitelist: WebViewShared.defaultOriginWhitelist,
   };
 

js/WebViewTypes.js

@@ -445,6 +445,11 @@ export type WebViewSharedProps =  $ReadOnly<{|
    */
   nativeConfig?: ?WebViewNativeConfig,
 
+  /**
+   * Should caching be enabled. Default is true.
+   */
+  enableCache?: ?boolean,
+
   style?: ViewStyleProp,
   children: Node,
 |}>;