/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 vote108 views1 answer
React Hook useEffect has missing dependencies: 'cart' and 'user._id'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Javascript React
0 vote106 views1 answer
React-router in saga
Javascript React
0 vote91 views1 answer
Form.select react bootstrap
Javascript React
10 votes99 views2 answers
React text input onchange
Javascript React
0 vote112 views1 answer
How to convert react component to image
Javascript React
0 vote106 views1 answer
Test one function in react class
Javascript React
1 vote95 views1 answer
React-native-paper password input
Javascript React
4 votes138 views1 answer
How to add oAuth google signin in react native app
Javascript React
21 votes101 views3 answers
Map function in react
Javascript React
1 vote98 views1 answer
Adding int and string in react props
Javascript React