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}
- />
-
);
@@ -49,5 +59,6 @@ class ClassComponentExample extends React.Component<{
export default function () {
const navigation = useNavigation>();
- return ;
+ const { isPaid } = useContext(PaidContext);
+ return ;
}
diff --git a/example/src/screens/ExamplesScreen.tsx b/example/src/screens/ExamplesScreen.tsx
index 8894115..6518816 100644
--- a/example/src/screens/ExamplesScreen.tsx
+++ b/example/src/screens/ExamplesScreen.tsx
@@ -11,13 +11,9 @@ const ExamplesScreen = () => {
return (
- {!isPaid && (
- <>
-
-
-
- >
- )}
+
+
+
onPaidChange(!isPaid)}