subscribeButtonReactExample.js

/**
  See the documentation here https://daily-launches.web.app/plugins/subscribe
**/

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';

const ExampleView = ({show,handleClose}) => {
  const loadScript = (url) => {
    return new Promise((resolve, reject) => {
      const script = document.createElement('script');
      script.src = url;
      script.onload = resolve;
      script.onerror = (error) => {
        console.error(`Error loading script from ${url}:`, error);
        reject(error);
      };
      document.head.appendChild(script);
    });
  }
    
  useEffect(()=>{
    loadScript('http://daily-launches.web.app/plugins/subscribeButton.js')
    .then(() => {
      // Assuming `initializeSubscribeButton` is available globally after script execution
      initializeSubscribeButton('light', 'subscribeButtonContainer', 'add-your project id');
    })
    .catch((error) => {
      console.error('Script loading failed:', error);
    });
    return () => null
  },[])

  return (
    <View style={{flex:1}}>
      <Text>Testing subscribe button..</Text>
      <View id="subscribeButtonContainer">

      </View>
    </View>    
  )
}

export default ExampleView;