injectedJavaScript no working

Hello,

Bug description: I have UPGRADE my old app, for accept by Apple i need remove UIWebview, so i have update react-native-webview 6.0.0 to 10.3.2 but now injectedJavaScript no working…

My old code :

const disableZoom = "const meta = document.createElement('meta'); meta.setAttribute('content', 'initial-scale=1.0, maximum-scale=1.0'); meta.setAttribute('name', 'viewport'); document.getElementsByTagName('head')[0].appendChild(meta);";

<WebView
   style={stylesLive.webview}
   source={{uri: 'https://www.twitch.tv/embed/hebo/chat?parent=tiboy.fr'}}
   injectedJavaScript={disableZoom}
   scalesPageToFit={false}
   useWebKit={true}
/>

I have try :

const jsCode = "document.querySelector('.HeaderHero').style.backgroundColor = 'purple';";

<WebView
 ref={ref => {
  this.webview = ref;
 }}
 source={{ uri: 'https://reactnative.dev' }}
 javaScriptEnabledAndroid={true}
 injectedJavaScript={jsCode}
/>

How to pass code now? I would like to deactivate the zoom of the webview, especially when I select a field it zooms me all without zooming out after … two days that I test, search all the possible posts on the net and test other codes …

Environment:

• OS: MAC OS X
• OS version: 10.15.5
• react-native version: 0.62.2
• react-native-webview version: 10.3.2

[lrusso]

@Linrasis, the documentation in the react-native-webview repository about how the injectedJavaScript property works is outdated. Now you need to set an onMessage event (an empty one it’s ok) in order to the code within the injectedJavaScript property to be executed. Below you can see an example of this. Hope it may help you.

    const runFirst =
        "let meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=600'); document.getElementsByTagName('head')[0].appendChild(meta);"

    return (
        <WebView
            source={{ uri }}
            originWhitelist={['*']}
            startInLoadingState={true}
            onError={() => setError(true)}
            onMessage={(event) => {}}
            injectedJavaScript={runFirst}
        />
    )

[vishwa1937]

@Linrasis, the documentation in the react-native-webview repository about how the injectedJavaScript property works is outdated. Now you need to set an onMessage event (an empty one it’s ok) in order to the code within the injectedJavaScript property to be executed. Below you can see an example of this. Hope it may help you.

    const runFirst =
        "let meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=600'); document.getElementsByTagName('head')[0].appendChild(meta);"

    return (
        <WebView
            source={{ uri }}
            originWhitelist={['*']}
            startInLoadingState={true}
            onError={() => setError(true)}
            onMessage={(event) => {}}
            injectedJavaScript={runFirst}
        />
    )

Thank You @lrusso. This worked for me.