/Javascript/React/How to give data from react native to webview

How to give data from react native to webview

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

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

Source: stackoverflow.com

How to give data from react native to webview

// 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' }}
/>

Source: stackoverflow.com

Similar codes

5 votes138 views1 answer
React native import svg image
Javascript React
1 vote113 views2 answers
React native get timezone
Javascript React
140 votes290 views3 answers
React.js installation
Javascript React
1 vote122 views1 answer
Npx: Create react chrome extension
Javascript React
1 vote133 views1 answer
Is a good idea to add class in react hooks with document.body.addclasslist
Javascript React
0 vote122 views2 answers
Read and save excel with react
Javascript React
0 vote119 views2 answers
Storage package npm react
Javascript React
0 vote126 views1 answer
Run react app in different port
Javascript React
0 vote131 views1 answer
Edit json text react
Javascript React
5 votes137 views6 answers
Box shadow in react native
Javascript React