/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

2 votes134 views1 answer
Path.split is not a function react hook use form
Javascript React
1 vote135 views1 answer
Running scripts is disabled on this system react js
Javascript React
1 vote139 views1 answer
How to know react and react-native version
Javascript React
5 votes135 views1 answer
Wrap text react native
Javascript React
1 vote153 views2 answers
Autofocus react
Javascript React
0 vote130 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote146 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
0 vote162 views1 answer
React native height full
Javascript React
1 vote130 views1 answer
How to use boostrapicons on react
Javascript React
0 vote202 views1 answer
Mixed line chart for angular or react
Javascript React