diff --git a/vds-app/App/components/Banner.js b/vds-app/App/components/Banner.js
new file mode 100644
index 0000000..bf3099f
--- /dev/null
+++ b/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';
+/*
+
+ */
+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 (
+
+ BANNER...
+
+
+ )
+}
diff --git a/vds-app/App/index.js b/vds-app/App/index.js
index 5160d17..907e37e 100644
--- a/vds-app/App/index.js
+++ b/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 }) => ({
diff --git a/vds-app/App/screens/Banner.js b/vds-app/App/screens/Banner.js
deleted file mode 100644
index bcdd8b6..0000000
--- a/vds-app/App/screens/Banner.js
+++ /dev/null
@@ -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 (
-
- BANNER
-
- )
- }
-}
-
-export default Banner
diff --git a/vds-app/App/screens/Dictionary.js b/vds-app/App/screens/Dictionary.js
index 188c525..2f70731 100644
--- a/vds-app/App/screens/Dictionary.js
+++ b/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"
diff --git a/vds-app/App/screens/Quiz.js b/vds-app/App/screens/Quiz.js
index 53cf581..0e47580 100644
--- a/vds-app/App/screens/Quiz.js
+++ b/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"
diff --git a/vds-app/App/screens/Recap.js b/vds-app/App/screens/Recap.js
index 0a2dec6..34f55e7 100644
--- a/vds-app/App/screens/Recap.js
+++ b/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"
diff --git a/vds-app/App/screens/RecapTrueFalse.js b/vds-app/App/screens/RecapTrueFalse.js
index f40b138..ba4eb01 100644
--- a/vds-app/App/screens/RecapTrueFalse.js
+++ b/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"
diff --git a/vds-app/App/screens/Splash.js b/vds-app/App/screens/Splash.js
index fccb324..08a5a6d 100644
--- a/vds-app/App/screens/Splash.js
+++ b/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 {
- BANNER
+
{
this.state.bannerExpanded ? (
diff --git a/vds-app/App/screens/TrueFalse.js b/vds-app/App/screens/TrueFalse.js
index d15b5b6..81d0cdb 100644
--- a/vds-app/App/screens/TrueFalse.js
+++ b/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"