diff --git a/example/src/examples/AppOpenAdExample.tsx b/example/src/examples/AppOpenAdExample.tsx index dbaef0f..e243377 100644 --- a/example/src/examples/AppOpenAdExample.tsx +++ b/example/src/examples/AppOpenAdExample.tsx @@ -1,8 +1,10 @@ -import React, { useEffect, useState } from 'react'; +import React, { useContext, useEffect, useState } from 'react'; import { View } from 'react-native'; import RNBootSplash from 'react-native-bootsplash'; import { useAppOpenAd } from '@react-native-admob/admob'; +import PaidContext from '../PaidContext'; + interface AppOpenAdExampleProps { onSplashDismissed: () => void; } @@ -10,6 +12,7 @@ interface AppOpenAdExampleProps { const AppOpenAdExample = ({ onSplashDismissed }: AppOpenAdExampleProps) => { const [loaded, setLoaded] = useState(false); const { adDismissed, adLoadError } = useAppOpenAd(); + const { isPaid } = useContext(PaidContext); useEffect(() => { const load = async () => { @@ -24,10 +27,10 @@ const AppOpenAdExample = ({ onSplashDismissed }: AppOpenAdExampleProps) => { await RNBootSplash.hide({ fade: true }); onSplashDismissed(); } - if (loaded && (adDismissed || adLoadError)) { + if (isPaid || (loaded && (adDismissed || adLoadError))) { hide(); } - }, [loaded, adDismissed, adLoadError, onSplashDismissed]); + }, [loaded, adDismissed, adLoadError, onSplashDismissed, isPaid]); return ; }; diff --git a/example/src/examples/BannerAdExample.tsx b/example/src/examples/BannerAdExample.tsx index fa186a7..1b83b2a 100644 --- a/example/src/examples/BannerAdExample.tsx +++ b/example/src/examples/BannerAdExample.tsx @@ -1,5 +1,5 @@ -import React, { useRef } from 'react'; -import { Button } from 'react-native'; +import React, { useContext, useRef } from 'react'; +import { Button, Text } from 'react-native'; import { BannerAd, BannerAdSize, @@ -8,49 +8,68 @@ import { } from '@react-native-admob/admob'; import ExampleGroup from '../components/ExampleGroup'; +import PaidContext from '../PaidContext'; const UNIT_ID_GAM_BANNER = '/6499/example/banner'; +const AdSpace = ({ + isPaid, + children, +}: { + isPaid: boolean; + children: React.ReactNode; +}) => (isPaid ? Ad was removed : <>{children}); + const BannerAdExample = () => { const bannerRef = useRef(null); const adaptiveBannerRef = useRef(null); const gamBannerRef = useRef(null); + const { isPaid } = useContext(PaidContext); return ( <> - - console.log('Banner Ad loaded!')} - ref={bannerRef} - /> -