/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 vote261 views1 answer
Font awesome react share faShare
Javascript React
0 vote225 views1 answer
React import json
Javascript React
11 votes218 views3 answers
React Hook "useState" is called in function "cardState" which is neither a React function component or a custom React Hook function
Javascript React
0 vote232 views1 answer
React native get navigation bar height
Javascript React
0 vote244 views1 answer
React native call keep
Javascript React
1 vote264 views1 answer
External script in react
Javascript React
1 vote241 views1 answer
React native could not get batchedbridge
Javascript React
0 vote243 views1 answer
How to align text vertically center beside an image in react native
Javascript React
1 vote255 views1 answer
React event target square brackets
Javascript React
0 vote258 views1 answer
React electron desktop app
Javascript React