Unable to call a button click function within a webview in react native

Question

I am trying to call webview button click function on my own button click function but nothing seems to work. My code is similar to this

buttonClick = () => {
  
this.webview.injectJavaScript(`document.getElementById('webBtn').click()`);
}

redner(){

return(
<View>

 <WebView
            source={{uri: 'https://mywebsite.com'}}

          />

<TouchableOpacity onPress={() => this.buttonClick()}><Text> Click here </Text></TouchableOpacity>
</View>
)

}

I have tried the same Method with javascript It works Perfect there but I don't why its creating issues with the WebView in react Native . Any help would be Appreciated.

oijafoijf asnjksdjn · Accepted Answer · 2020-09-01 03:29:43Z

1

The ref of the WebView was not specified.

<WebView      
    ref={(ref)=>{this.webview=ref;}}
    source={{uri: 'https://mywebsite.com'}}    
/>

answered Sep 1, 2020 at 3:29

oijafoijf asnjksdjn

1,24518 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Unable to call a button click function within a webview in react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related