injectedJavaScript doesnt seem to work on IOS

Bug description: Setup the WebView and try to use the “injectedJavaScript” prop. It works as expected on Android but when on IOS it does nothing.

To Reproduce:

1. Use this code below as your render method:

render() {
    const runFirst = `
      document.body.style.backgroundColor = 'red';
      setTimeout(function() { window.alert('hi') }, 2000);
      true; // note: this is required, or you'll sometimes get silent failures
    `
    return (
      <View style={{ flex: 1 }}>
        <WebView
          source={{
            uri: 'https://github.com/react-native-community/react-native-webview',
          }}
          injectedJavaScript={runFirst}
        />
      </View>
    )
  }

Expected behavior: Expected to render the github page for react-native-webview with a red background on both platforms.

Screenshots/Videos: Android:

IOS:

Environment:

• OS: IOS
• OS version: 13.3
• react-native version: 0.62
• react-native-webview version: 9.0.2

[tdcook]

According to the guide, you now must pass a function as the onMessage prop for injected Javascript to work. But, it will work in Android without it anyway.

[PrantikMondal]

According to the guide, you now must pass a function as the onMessage prop for injected Javascript to work. But, it will work in Android without it anyway.

I am already using ‘onMessage’. Still it is not working to inject javascript. My WebView something like that: <WebView onLoadEnd={() => { this._setstatus() }} onNavigationStateChange={this.on_navigaton_new} injectedJavaScript={custom_script} onMessage={x => this.onMessageGet(x)} javaScriptEnabled={true} source={{ uri: this.state.url, forceReload: this.state.forceReload }} allowsLinkPsreview={true} incognito={true} domStorageEnabled={true} ref={(ref) => this.myWebView = ref}/>