支持

Author: wayne214

.idea/inspectionProfiles/profiles_settings.xml

@@ -7,6 +7,10 @@
 import java.util.List;
 import java.util.regex.Pattern;
 import javax.annotation.Nullable;
+import com.facebook.react.bridge.ReactMethod;
+import android.widget.Toast;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.reactnativecommunity.webview.events.TopShouldStartLoadWithRequestEvent;
 
 import java.io.UnsupportedEncodingException;
 import java.net.URLEncoder;
@@ -72,12 +76,14 @@
  *  - GO_BACK
  *  - GO_FORWARD
  *  - RELOAD
+ *  - LOAD_URL
  *
  * {@link WebView} instances could emit following direct events:
  *  - topLoadingFinish
  *  - topLoadingStart
  *  - topLoadingStart
  *  - topLoadingProgress
+ *  - topShouldStartLoadWithRequest
  *
  * Each event will carry the following properties:
  *  - target - view's react tag
@@ -104,6 +110,7 @@ public class RNCWebViewManager extends SimpleViewManager<WebView> {
   public static final int COMMAND_STOP_LOADING = 4;
   public static final int COMMAND_POST_MESSAGE = 5;
   public static final int COMMAND_INJECT_JAVASCRIPT = 6;
+  public static final int COMMAND_LOAD_URL = 7;
 
   // Use `webView.loadUrl("about:blank")` to reliably reset the view
   // state and release page resources (including any running JavaScript).
@@ -144,25 +151,7 @@ public void onPageStarted(WebView webView, String url, Bitmap favicon) {
 
     @Override
     public boolean shouldOverrideUrlLoading(WebView view, String url) {
-      if (url.equals(BLANK_URL)) return false;
-
-      // url blacklisting
-      if (mUrlPrefixesForDefaultIntent != null && mUrlPrefixesForDefaultIntent.size() > 0) {
-        ArrayList<Object> urlPrefixesForDefaultIntent =
-            mUrlPrefixesForDefaultIntent.toArrayList();
-        for (Object urlPrefix : urlPrefixesForDefaultIntent) {
-          if (url.startsWith((String) urlPrefix)) {
-            launchIntent(view.getContext(), url);
-            return true;
-          }
-        }
-      }
-
-      if (mOriginWhitelist != null && shouldHandleURL(mOriginWhitelist, url)) {
-        return false;
-      }
-
-      launchIntent(view.getContext(), url);
+      dispatchEvent(view, new TopShouldStartLoadWithRequestEvent(view.getId(), url));
       return true;
     }
 
@@ -676,7 +665,8 @@ public Map getExportedCustomDirectEventTypeConstants() {
         "reload", COMMAND_RELOAD,
         "stopLoading", COMMAND_STOP_LOADING,
         "postMessage", COMMAND_POST_MESSAGE,
-        "injectJavaScript", COMMAND_INJECT_JAVASCRIPT
+        "injectJavaScript", COMMAND_INJECT_JAVASCRIPT,
+        "loadUrl", COMMAND_LOAD_URL
       );
   }
 
@@ -719,6 +709,12 @@ public void receiveCommand(WebView root, int commandId, @Nullable ReadableArray
         RNCWebView reactWebView = (RNCWebView) root;
         reactWebView.evaluateJavascriptWithFallback(args.getString(0));
         break;
+    case COMMAND_LOAD_URL:
+             if (args == null) {
+               throw new RuntimeException("Arguments for loading an url are null!");
+             }
+             root.loadUrl(args.getString(0));
+             break;
     }
   }
 
@@ -752,4 +748,14 @@ protected static void dispatchEvent(WebView webView, Event event) {
       reactContext.getNativeModule(UIManagerModule.class).getEventDispatcher();
     eventDispatcher.dispatchEvent(event);
   }
+
+    public Map<String, Object> getExportedCustomBubblingEventTypeConstants() {
+       return MapBuilder.<String, Object>builder()
+               .put(TopShouldStartLoadWithRequestEvent.EVENT_NAME,
+                       MapBuilder.of(
+                               "phasedRegistrationNames",
+                               MapBuilder.of("bubbled", "onShouldStartLoadWithRequest")))
+               .build();
+     }
+
 }

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

@@ -0,0 +1,40 @@
+package com.reactnativecommunity.webview.events;
+
+ import com.facebook.react.bridge.Arguments;
+ import com.facebook.react.bridge.WritableMap;
+ import com.facebook.react.uimanager.events.Event;
+ import com.facebook.react.uimanager.events.RCTEventEmitter;
+
+ public class TopShouldStartLoadWithRequestEvent extends Event<TopMessageEvent> {
+     public static final String EVENT_NAME = "topShouldStartLoadWithRequest";
+     private final String mUrl;
+
+     public TopShouldStartLoadWithRequestEvent(int viewId, String url) {
+         super(viewId);
+         mUrl = url;
+     }
+
+     @Override
+     public String getEventName() {
+         return EVENT_NAME;
+     }
+
+     @Override
+     public boolean canCoalesce() {
+         return false;
+     }
+
+     @Override
+     public short getCoalescingKey() {
+         // All events for a given view can be coalesced.
+         return 0;
+     }
+
+     @Override
+     public void dispatch(RCTEventEmitter rctEventEmitter) {
+         WritableMap data = Arguments.createMap();
+         data.putString("url", mUrl);
+         data.putString("navigationType", "other");
+         rctEventEmitter.receiveEvent(getViewTag(), EVENT_NAME, data);
+     }
+ }

android/src/main/java/com/reactnativecommunity/webview/events/TopShouldStartLoadWithRequestEvent.java

@@ -131,7 +131,39 @@ class WebView extends React.Component<WebViewSharedProps, State> {
 
     let NativeWebView = nativeConfig.component || RNCWebView;
 
-    const webView = (
+      const compiledWhitelist = [
+          'about:blank',
+          ...(this.props.originWhitelist || []),
+      ].map(WebViewShared.originWhitelistToRegex);
+
+      const onShouldStartLoadWithRequest = (event) => {
+          let shouldStart = true;
+          const { url } = event.nativeEvent;
+          const origin = WebViewShared.extractOrigin(url);
+          const passesWhitelist = compiledWhitelist.some(x =>
+              new RegExp(x).test(origin),
+          );
+          shouldStart = shouldStart && passesWhitelist;
+          if (!passesWhitelist) {
+              Linking.openURL(url);
+          }
+          if (this.props.onShouldStartLoadWithRequest) {
+              shouldStart =
+                  shouldStart &&
+                  this.props.onShouldStartLoadWithRequest(event.nativeEvent);
+          }
+
+          if (shouldStart) {
+              UIManager.dispatchViewManagerCommand(
+                  this.getWebViewHandle(),
+                  UIManager.RNCWebView.Commands.loadUrl,
+                  [String(url)],
+              );
+          }
+      };
+
+
+      const webView = (
       <NativeWebView
         ref={this.webViewRef}
         key="webViewKey"
@@ -146,7 +178,8 @@ class WebView extends React.Component<WebViewSharedProps, State> {
         domStorageEnabled={this.props.domStorageEnabled}
         messagingEnabled={typeof this.props.onMessage === 'function'}
         onMessage={this.onMessage}
-        overScrollMode={this.props.overScrollMode}
+      onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
+      overScrollMode={this.props.overScrollMode}
         contentInset={this.props.contentInset}
         automaticallyAdjustContentInsets={
           this.props.automaticallyAdjustContentInsets

js/WebView.android.js

@@ -62,6 +62,8 @@ export type WebViewNavigationEvent = SyntheticEvent<WebViewNavigation>;
 
 export type WebViewMessageEvent = SyntheticEvent<WebViewMessage>;
 
+export type WebViewMessageEvent = SyntheticEvent<WebViewMessage>;
+
 export type WebViewErrorEvent = SyntheticEvent<WebViewError>;
 
 export type DataDetectorTypes =
@@ -201,13 +203,6 @@ export type IOSWebViewProps = $ReadOnly<{|
     | ?DataDetectorTypes
     | $ReadOnlyArray<DataDetectorTypes>,
 
-  /**
-   * Function that allows custom handling of any web view requests. Return
-   * `true` from the function to continue loading the request and `false`
-   * to stop loading.
-   * @platform ios
-   */
-  onShouldStartLoadWithRequest?: (event: WebViewEvent) => mixed,
 
   /**
    * Boolean that determines whether HTML5 videos play inline or use the
@@ -435,7 +430,16 @@ export type WebViewSharedProps =  $ReadOnly<{|
    */
   originWhitelist?: $ReadOnlyArray<string>,
 
-  /**
+    /**
+     * Function that allows custom handling of any web view requests. Return
+     * `true` from the function to continue loading the request and `false`
+     * to stop loading. The `navigationType` is always `other` on android.
+     */
+    onShouldStartLoadWithRequest?: (event: WebViewNavigation) => mixed,
+
+
+
+    /**
    * Override the native component used to render the WebView. Enables a custom native
    * WebView which uses the same JavaScript as the original WebView.
    */
@@ -444,3 +448,5 @@ export type WebViewSharedProps =  $ReadOnly<{|
   style?: ViewStyleProp,
   children: Node,
 |}>;
+
+