/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

0 vote384 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
1 vote386 views1 answer
Two button in one row react native
Javascript React
-1 vote375 views1 answer
React time picker
Javascript React
0 vote374 views1 answer
React input number validation
Javascript React
11 votes371 views2 answers
React router refreshes page
Javascript React
0 vote373 views7 answers
Convert css box shadow to react native
Javascript React
0 vote380 views1 answer
Dynamic for loop react
Javascript React
-1 vote367 views1 answer
Set className with ref react
Javascript React
2 votes369 views1 answer
React native cover image in parent view
Javascript React
0 vote370 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React