реагировать на родное пост-сообщение не вызывает on -ssage - PullRequest
Новая
       66

реагировать на родное пост-сообщение не вызывает on -ssage

0 голосов
/ 23 марта 2020

React Native Version : 0,60

Используемая библиотека : Reaction-native-webview (версия: 9.0.1)

Проблема :

Когда я отправляю postMessage (this.webView.postMessage('somedata')) из моего обработчика реагирующих событий в веб-просмотр, onMessage не запускается. Но onMessage запускается при событиях, отправленных веб-представлением.

Решения опробованы :

Добавлены и document.eventListener, и window.eventListener. Тем не менее, onMessage НЕ запускается, когда я отправляю сообщение от реактивной системы.

Любая помощь будет принята с благодарностью.

Код : 

  // On Click, the following function will run
  
  _sendPostMessage = () => {
    //data sent to webview
    this.webView.postMessage("getAuthToken");
  }
  
  // Inside render() function
  
<WebView
  ref={(webView) => this.webView = webView}
  style={styles.webView}
  source={{ uri: event.ticket_form_url, headers: headers }}
  injectedJavaScript={jsCode}
  onMessage={this.onMessage}
  renderLoading={this._renderActivityIndicator}
  startInLoadingState={true}
/>

// Injected javscript code below

    var jsCode = `
      (function() {
        window.postMessage = function(data) {
          window.ReactNativeWebView.postMessage(data);
        };
      })()
      (function() {
        var originalPostMessage = window.postMessage;

        var patchedPostMessage = function(message, targetOrigin, transfer) {
          originalPostMessage(message, targetOrigin, transfer);
        };

        patchedPostMessage.toString = function() {
          return String(Object.hasOwnProperty).replace('hasOwnProperty', 'postMessage');
        };

        window.postMessage = patchedPostMessage;
      })();

      window.addEventListener("message", function(event) {
        var uat = ''

        if (window.userAuthenticationToken) {
          uat = window.userAuthenticationToken()
        }

        window.postMessage('setAuthToken,' + uat)
      });

      document.addEventListener("message", function(event) {
        var uat = ''

        if (window.userAuthenticationToken) {
          uat = window.userAuthenticationToken()
        }

        window.postMessage('setAuthToken,' + uat)
      });

      `;

// onMessage

  onMessage = (event) => {
    //data received from webview
    console.log('Reached onMessage', event.nativeEvent.data);
    var response = event.nativeEvent.data
    var data = response.split(',')
 }
...