Breaking News: Grepper is joining You.com. Read the official announcement!

how to give data from react native to webview

Dead Dormouse answered on January 1, 2022 Popularity 8/10 Helpfulness 3/10

answer how to give data from react native to webview

related how to give data from react native to webview

how to give data from react native to webview

Comment

// Native
this.webviewRef.postMessage('Wayne is coming!!!')

// Web
window.addEventListener("message", message => {
  console.log(message.data) // Wayne is coming!!!
});

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript react-native webview

Link to this answer
Share Copy Link

Contributed on Jan 01 2022

Dead Dormouse

0 Answers Avg Quality 2/10

Closely Related Answers

how to give data from react native to webview

Comment

// Web App
<button onClick={() => {
  if(window.ReactNativeWebView) { // ensure window.ReactNativeWebView is there, otherwise, web app might crash if is not there
    window.ReactNativeWebView.postMessage('Wayne is coming again')
  }
}}>
</button>

// Native App
<WebView
  onMessage={(event) => {
    console.log(event.nativeEvent.data) // Client received data
  }}
  source={{ uri: 'https://your.domain.com' }}
/>

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 01 2022

Dead Dormouse

0 Answers Avg Quality 2/10

how to give data from react native to webview

Contents

More Related Answers

how to give data from react native to webview

Closely Related Answers

how to give data from react native to webview

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.