link handler tweak

wxik · May 19, 2022 · f836f97 · f836f97
1 parent 5972ed4
commit f836f97
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/src/RichEditor.js b/src/RichEditor.js
@@ -1,7 +1,7 @@
 import React, {Component} from 'react';
 import {WebView} from 'react-native-webview';
 import {actions, messages} from './const';
-import {Keyboard, Platform, StyleSheet, TextInput, View} from 'react-native';
+import {Keyboard, Platform, StyleSheet, TextInput, View, Linking} from 'react-native';
 import {createHTML} from './editor';
 
 const PlatformIOS = Platform.OS === 'ios';
@@ -281,12 +281,13 @@ export default class RichTextEditor extends Component {
                     javaScriptEnabled={true}
                     source={viewHTML}
                     onLoad={that.init}
-                    onNavigationStateChange={(event) => {
-                        if (event.navigationType === 'click' && event.url) {
-                            onLink?.openURL(event.url);
-                            return false;
-                        }
-                        return true;
+                    onShouldStartLoadWithRequest={event => {
+                      if (event.url !== 'about:blank') {
+                        this.webviewBridge?.stopLoading();
+                        Linking?.openURL(event.url);
+                        return false;
+                      }
+                      return true;
                     }}
                 />
                 {Platform.OS === 'android' && <TextInput ref={ref => (that._input = ref)} style={styles._input} />}