/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

1 vote197 views1 answer
React native run ios select simulator
Javascript React
0 vote128 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
27 votes157 views4 answers
Font awesome react npm
Javascript React
262 votes290 views6 answers
Create a react native project
Javascript React
0 vote163 views1 answer
Navigation.openDrawer is not a function react native
Javascript React
0 vote141 views1 answer
Reactive forms angular conditional disabling
Javascript React
0 vote142 views1 answer
React developer cvs
Javascript React
18 votes138 views2 answers
How to store an array in localstorage reactjs
Javascript React
4 votes148 views4 answers
React background gradient
Javascript React
0 vote135 views1 answer
Sort by attribute in reactjs
Javascript React