Light Popup Ads

import { Button } from "react-native";
import { useLightPopupAd } from "react-native-daro";

function LightPopupAdButton({ adUnitKey }) {
  const { isLoaded, isLoading, load, show, isAdReady } = useLightPopupAd(
    adUnitKey,
    {
      onLoaded: (adInfo) => {
        // Ad loaded
      },
      onLoadFailed: (errorInfo) => {
        // Ad failed to load
      },
      onHidden: (adInfo) => {
        // Ad dismissed
      },
      onImpressionRecorded: (adInfo) => {
        // Impression recorded
      },
    }
  );

  const handlePress = async () => {
    if (await isAdReady()) {
      show();
      return;
    }

    load({
      configuration: {
        closeButtonText: "Close AD",
        ctaButtonBackgroundColor: "#4CAF50",
      },
    });
  };

  return (
    <Button
      disabled={isLoading}
      title={isLoaded ? "Show LightPopup" : "Load LightPopup"}
      onPress={handlePress}
    />
  );
}

import { useEffect } from "react";
import { LightPopupAd } from "react-native-daro";

useEffect(() => {
  const ad = LightPopupAd.createForAdRequest(adUnitKey);
  ad.load();
  return () => ad.destroy();
}, [adUnitKey]);