/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

33 votes202 views5 answers
Img tag in react
Javascript React
21 votes214 views6 answers
Shadow in react native
Javascript React
2 votes200 views1 answer
Jquery vs react
Javascript React
0 vote184 views1 answer
Search Filter with React Native on FlatList
Javascript React
0 vote182 views3 answers
Create dots in carousel react js bootraps
Javascript React
0 vote201 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote205 views1 answer
Radio button in reactive forms angular material
Javascript React
2 votes252 views1 answer
React router 404 redirect
Javascript React
-1 vote183 views1 answer
Image component doesn't show image from url react native
Javascript React
0 vote206 views1 answer
Clear form inside modal after close reactjs
Javascript React