window.ReactNativeWebView.postMessage(data) and onMessage doesn't work on release apk mode. [only works in debug mode]

Bug description:

Hello, i’m trying to send data from my web page to my react native app through this library, using a phone phisical android and it only perfectly works in debug mode. When i build it for production, it doesn’t work, window.ReactNativeWebView.postMessage(data) does nothing.

Expected behavior: Capure the data sent from my web page in release apk mode

Screenshots/Videos: Code from my web page

code from my RN app

Environment:

• OS: android
• OS version: 8.1.1
• react-native version: 0.63.4
• react-native-webview version: 11.15.0 => I was trying another version 9.0.2 and it didn’t work either

[isaac-tcs]

I’m having same issue. In my case, I’m trying to get events from iframe video but it only works on browser and not on react native via webview.

    window.onmessage = function (event) {
      if (event.data.event == "play") {
        alert('lll');                                     // this won't fire
        sendEvent(event.data.event, event.data.data);
      }
      if (event.data.event == "pause") {
        sendEvent(event.data.event, event.data.data);
      }
      if (event.data.event == "ready") {
        sendEvent(event.data.event, event.data.data);
      }
      if (event.data.event == "timeupdate") {
        sendEvent('playing', event.data.data);
      }
      if (event.data.event == "ended") {
        sendEvent('end', event.data.data);
      }
    };

    const sendEvent = (evt, data) => {
      // Passes events through the bridge
      console.log("event", evt);
      var payload = {
        name: evt,
        data: data,
      };
      window.ReactNativeWebView.postMessage(JSON.stringify(payload));
    };

  const INJECTEDJAVASCRIPT =
    "const meta = document.createElement('meta'); meta.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=0.99, user-scalable=0'); meta.setAttribute('name', 'viewport'); document.getElementsByTagName('head')[0].appendChild(meta);";

<WebView
      allowsFullscreenVideo={true}
      onLoadEnd={() => console.log('live load enddddddddddddddddd')}
      source={{
        html: LivePlayer(videoId),
      }}
      javaScriptEnabled={true}
      ref={ref}
      onMessage={onBridgeMessage}
      bounces={false}
      scrollEnabled={false}
      scalesPageToFit={scalesPageToFit}
      onError={error => console.error(error)}
      style={[
        {
          marginTop: -8,
          marginLeft: -10,
        },
        style,
      ]}
      containerStyle={containerStyle}
      setBuiltInZoomControls={false}
      setDisplayZoomControls={false}
      automaticallyAdjustContentInsets
      onNavigationStateChange={a => console.log(a?.url)}
      injectedJavaScript={INJECTEDJAVASCRIPT}
    />

[github-actions[bot]]

Hello 👋, this issue has been opened for more than 2 months with no activity on it. If the issue is still here, please keep in mind that we need community support and help to fix it! Just comment something like still searching for solutions and if you found one, please open a pull request! You have 7 days until this gets closed automatically