Untitled

import React, { Component } from 'react';
import { View } from 'react-native';
import { WebView } from 'react-native-webview';

export default class App extends Component {
  render() {
    const html = `
      <html>
      <head></head>

      <body >
      <h1>ola mundo </h1>
      <script type="text/javascript"
          src="https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js"></script>

      <script type="text/javascript">

      const timeout = ms => new Promise(resolve => setTimeout(resolve, ms));


      setTimeout(function () {
        //window.ReactNativeWebView.postMessage("Hello!")
       try {


          if (PagSeguroDirectPayment==null){alert("null")};

          alert(PagSeguroDirectPayment);

          PagSeguroDirectPayment.onSenderHashReady(function (response) {
            alert(response);
            if (response.status === 'error') {
              window.ReactNativeWebView.postMessage("Capera");
                alert(response.message);
                window.senderHash = false;
            }

            window.senderHash = response.senderHash;
            alert("sdfs");
            console.log(window.senderHash);
        });


       } catch(error){
         alert(error);
       }


      }, 3000);


      // window.senderHash = null;
      // window.onload = () => {
      //  PagSeguroDirectPayment.onSenderHashReady(function (response) {
      //     if (response.status === 'error') {
      //       window.ReactNativeWebView.postMessage("Capera");
      //         console.log(response.message);
      //         window.senderHash = false;
      //     }
      //     window.senderHash = response.senderHash;
      //     window.ReactNativeWebView.postMessage("Capera");
      //     console.log(window.senderHash);
      // })};


      </script>
  </body>


      </html>
    `;

    return (
      <View style={{ flex: 1 }}>
        <WebView
          source={{ html }}
          onMessage={event => {
            alert(event.nativeEvent.data);
          }}
        />
      </View>
    );
  }

}