/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 vote216 views1 answer
How to bound a state variable to a field react final form
Javascript React
0 vote234 views1 answer
ReactRender
Javascript React
0 vote217 views1 answer
React modal scroll 2 overlapping components
Javascript React
8 votes228 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote231 views1 answer
Horizontal cards react bootstrap
Javascript React
9 votes208 views1 answer
Create react app in current folder
Javascript React
1 vote218 views1 answer
React js empty build
Javascript React
2 votes215 views3 answers
React native component at bottom center
Javascript React
0 vote228 views1 answer
Connect react with database server
Javascript React
0 vote251 views1 answer
Auto scroll to view react-native
Javascript React