add banner in screens

vds-app/App/components/Banner.js

@@ -9,18 +9,28 @@ const screen = Dimensions.get("window")
 
 const styles = StyleSheet.create({
   container: {
-    //backgroundColor: colors.yellow,
+    backgroundColor: colors.yellow,
     flex: 1,
     alignItems: "center",
     justifyContent: "center",
-    marginVertical: 20
+    marginTop: 20,
+    height: 150,
+    width: "100%"
   }
 })
 
 export const Banner = () => {
+
+  let banner
+
+  if(__DEV__) {
+    banner = <Text>DEV BANNER</Text>
+  } else {
+    banner = <BannerAd size={BannerAdSize.BANNER} unitId={adUnitId} />
+  }
   return (
     <View style={styles.container}>
-      <BannerAd size={BannerAdSize.ADAPTIVE_BANNER} unitId={adUnitId} />
+      {banner}
     </View>
   )
 }

vds-app/App/screens/Quiz.js

@@ -44,7 +44,7 @@ const styles = StyleSheet.create({
   },
   scrollView: {
     //margin: 10,
-    height: screen.height-150
+    height: screen.height-20
   },
   bg: {
     width: "100%",
@@ -257,14 +257,14 @@ class Quiz extends React.Component {
               </SafeAreaView>
               : <SafeAreaView></SafeAreaView>}
 
+              <View style={styles.bannerContainer}>
+                <Banner />
+              </View>
             </ScrollView>
           </View>
 
 
         </View>
-        <View style={styles.bannerContainer}>
-          <Banner />
-        </View>
       </ImageBackground>
     )
   }