/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 vote369 views1 answer
Line separator with text in the center react native
Javascript React
0 vote395 views1 answer
Map of filtered data react
Javascript React
0 vote365 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
0 vote409 views1 answer
Why is this undefined in react
Javascript React
6 votes405 views2 answers
Export default function react
Javascript React
2 votes402 views2 answers
Unable to resolve module react-navigation
Javascript React
26 votes401 views5 answers
React image
Javascript React
5 votes426 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
0 vote362 views1 answer
Switch react router
Javascript React
0 vote430 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React