WIP

WIP

vds-app/App/components/Banner.js

@@ -0,0 +1,60 @@
+import React from "react"
+import { View, StyleSheet, StatusBar, Text, Dimensions } from "react-native"
+//import { AdMobBanner, AdMobInterstitial, PublisherBanner, AdMobRewarded } from "expo-ads-admob"
+
+import { colors, texts, credentials } from "./Variables"
+
+import { BannerAd, BannerAdSize, TestIds } from 'react-native-google-mobile-ads';
+
+const adUnitId = __DEV__ ? TestIds.INTERSTITIAL : 'ca-app-pub-4145771316565790~1876877627';
+/*
+<BannerAd
+      unitId={adUnitId}
+      size={BannerAdSize.FULL_BANNER}
+      requestOptions={{
+        requestNonPersonalizedAdsOnly: true,
+      }}
+    />
+    */
+const screen = Dimensions.get("window")
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: colors.yellow,
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  title: {
+    color: colors.white,
+    fontSize: 25,
+    textAlign: "center",
+    fontWeight: "600",
+    paddingVertical: 20
+  },
+  banner: {
+    width: "100%",
+    height: "100%",
+    marginVertical: 20
+  },
+})
+
+export const Banner = () => {
+
+  return (
+    <View style={styles.container}>
+      <Text>BANNER...</Text>
+      <BannerAd
+        unitId={TestIds.INTERSTITIAL}
+        size={BannerAdSize.FULL_BANNER}
+        requestOptions={{
+          requestNonPersonalizedAdsOnly: true,
+        }}
+      />
+    </View>
+  )
+}

vds-app/App/index.js

@@ -60,12 +60,6 @@ const MainStack = createStackNavigator({
       headerShown: false
     })
   },
-  Banner: {
-    screen: Banner,
-    navigationOptions: ({ navigation }) => ({
-      headerShown: false
-    })
-  },
   QuizIndex: {
     screen: QuizIndex,
     navigationOptions: ({ navigation }) => ({

vds-app/App/screens/Banner.js

@@ -1,54 +0,0 @@
-import React from "react"
-import { View, StyleSheet, StatusBar, Text, Dimensions } from "react-native"
-//import { AdMobBanner, AdMobInterstitial, PublisherBanner, AdMobRewarded } from "expo-ads-admob"
-
-import { colors, texts, credentials } from "../components/Variables"
-
-const screen = Dimensions.get("window")
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: colors.yellow,
-    position: "absolute",
-    bottom: 0,
-    left: 0,
-    right: 0,
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  title: {
-    color: colors.white,
-    fontSize: 25,
-    textAlign: "center",
-    fontWeight: "600",
-    paddingVertical: 20
-  },
-  banner: {
-    width: "100%",
-    height: "100%",
-    marginVertical: 20
-  },
-})
-
-class Banner extends React.Component {
-
-  state = {
-    results: false
-  }
-
-  bannerError = (e) => {
-    //console.log("Banner error: ", e)
-  }
-
-  render() {
-
-    return (
-      <View style={styles.container}>
-        <Text>BANNER</Text>
-      </View>
-    )
-  }
-}
-
-export default Banner

vds-app/App/screens/Dictionary.js

@@ -1,7 +1,6 @@
 import React from "react"
 import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, ImageBackground, BackHandler, Linking} from "react-native"
 import SafeAreaView from 'react-native-safe-area-view'
-// import { AdMobBanner } from "expo-ads-admob"
 
 import { Button, ButtonContainer } from "../components/Button"
 import { colors, texts, credentials} from "../components/Variables"

vds-app/App/screens/Quiz.js

@@ -3,7 +3,6 @@ import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, ImageBackgro
 import { Picker } from '@react-native-picker/picker'
 import SafeAreaView from 'react-native-safe-area-view'
 import AsyncStorage from '@react-native-community/async-storage'
-// import { AdMobBanner } from "expo-ads-admob"
 
 import { Button, ButtonContainer } from "../components/Button"
 import { texts, colors, credentials } from "../components/Variables"

vds-app/App/screens/Recap.js

@@ -2,7 +2,6 @@ import React from "react"
 import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, Image, ImageBackground, BackHandler} from "react-native"
 import SafeAreaView from 'react-native-safe-area-view'
 import AsyncStorage from '@react-native-community/async-storage'
-// import { AdMobBanner } from "expo-ads-admob"
 
 import { Button, ButtonContainer } from "../components/Button"
 import { colors, texts, examScheme, credentials } from "../components/Variables"

vds-app/App/screens/RecapTrueFalse.js

@@ -2,7 +2,6 @@ import React from "react"
 import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, Image, ImageBackground, BackHandler } from "react-native"
 import SafeAreaView from 'react-native-safe-area-view'
 import AsyncStorage from '@react-native-community/async-storage'
-// import { AdMobBanner } from "expo-ads-admob"
 
 import { Button, ButtonContainer } from "../components/Button"
 import { colors, texts, examScheme, credentials } from "../components/Variables"

vds-app/App/screens/Splash.js

@@ -2,10 +2,9 @@ import React from "react"
 import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, Image, Alert, BackHandler } from "react-native"
 import AsyncStorage from '@react-native-community/async-storage'
 import SafeAreaView from 'react-native-safe-area-view'
-//import { AdMobBanner } from "expo-ads-admob"
-//import mobileAds from 'react-native-google-mobile-ads'
 
 import { Button, ButtonContainer } from "../components/Button"
+import { Banner } from "../components/Banner"
 import { colors, texts, credentials } from "../components/Variables"
 import { examQuestions } from "../components/ExamQuestions"
 import { trueFalseQuestions } from "../components/TrueFalseQuestions"
@@ -282,7 +281,7 @@ class Splash extends React.Component {
 
         </SafeAreaView>
         <View style={[styles.bannerContainer, !this.state.bannerExpanded ? styles.bannerCollapsed  : {}]}>
-          <Text>BANNER</Text>
+          <Banner />
 
           {
             this.state.bannerExpanded ? (

vds-app/App/screens/TrueFalse.js

@@ -1,7 +1,6 @@
 import React from "react"
 import { View, ScrollView, StyleSheet, StatusBar, Text, Dimensions, ImageBackground, BackHandler } from "react-native"
 import SafeAreaView from 'react-native-safe-area-view'
-// import { AdMobBanner } from "expo-ads-admob"
 
 import { Button, ButtonContainer } from "../components/Button"
 import { texts, colors, examScheme, credentials } from "../components/Variables"