update example

ammarahm-ed · Jun 27, 2023 · 9b58d22 · 9b58d22
1 parent 4254a2e
commit 9b58d22
Show file tree

Hide file tree

Showing 17 changed files with 379 additions and 274 deletions.
diff --git a/android/build.gradle b/android/build.gradle
@@ -55,7 +55,6 @@ dependencies {
     implementation 'com.facebook.react:react-native:+'
     implementation "com.google.android.gms:play-services-ads:${safeExtGet('googlePlayServicesAdsVersion', '20.+')}"
     implementation 'com.android.support:support-annotations:28.0.0'
-    implementation 'com.google.ads.mediation:facebook:6.+'
     implementation 'androidx.appcompat:appcompat:1.2.0'
     implementation 'com.android.support.constraint:constraint-layout:2.0.4'
 }
diff --git a/example/.eslintrc.js b/example/.eslintrc.js
@@ -1,4 +1,7 @@
 module.exports = {
   root: true,
   extends: '@react-native-community',
+  rules: {
+    'react-native/no-inline-styles': 'off',
+  },
 };
diff --git a/example/App.js b/example/App.js
@@ -44,8 +44,7 @@ const App = () => {
         width: '100%',
         paddingTop: Platform.OS === 'android' ? StatusBar.currentHeight : 0,
         backgroundColor: 'white',
-      }}
-    >
+      }}>
       <StatusBar
         translucent
         backgroundColor="transparent"
@@ -56,11 +55,10 @@ const App = () => {
           flexDirection: 'row',
           alignItems: 'center',
           height: 50,
-          paddingHorizontal: 12,
+          paddingHorizontal: 6,
           marginBottom: 10,
           width: '100%',
-        }}
-      >
+        }}>
         {currentRoute && (
           <TouchableOpacity
             onPress={() => setCurrentRoute(null)}
@@ -71,9 +69,8 @@ const App = () => {
               height: 50,
               justifyContent: 'center',
               borderRadius: 100,
-            }}
-          >
-            <Icon name="arrow-left" size={28} />
+            }}>
+            <Icon name="arrow-left" color="black" size={28} />
           </TouchableOpacity>
         )}
       </View>
@@ -82,14 +79,12 @@ const App = () => {
         <View
           style={{
             alignItems: 'center',
-          }}
-        >
+          }}>
           <View
             style={{
               alignItems: 'center',
               marginBottom: 50,
-            }}
-          >
+            }}>
             <Image
               source={require('./images.jpg')}
               style={{
@@ -106,8 +101,7 @@ const App = () => {
                 fontSize: 18,
                 letterSpacing: 1,
                 textAlign: 'center',
-              }}
-            >
+              }}>
               Admob Native Advanced Ads {'\n'} for React Native
             </Text>
           </View>
@@ -123,13 +117,11 @@ const App = () => {
               justifyContent: 'center',
               borderRadius: 5,
               marginBottom: 5,
-            }}
-          >
+            }}>
             <Text
               style={{
                 color: 'white',
-              }}
-            >
+              }}>
               Simple Banner Ad
             </Text>
           </TouchableOpacity>
@@ -145,13 +137,11 @@ const App = () => {
               justifyContent: 'center',
               borderRadius: 5,
               marginBottom: 5,
-            }}
-          >
+            }}>
             <Text
               style={{
                 color: 'white',
-              }}
-            >
+              }}>
               Ad with Image
             </Text>
           </TouchableOpacity>
@@ -167,13 +157,11 @@ const App = () => {
               justifyContent: 'center',
               borderRadius: 5,
               marginBottom: 5,
-            }}
-          >
+            }}>
             <Text
               style={{
                 color: 'white',
-              }}
-            >
+              }}>
               Ad with Video
             </Text>
           </TouchableOpacity>
@@ -189,13 +177,11 @@ const App = () => {
               justifyContent: 'center',
               borderRadius: 5,
               marginBottom: 5,
-            }}
-          >
+            }}>
             <Text
               style={{
                 color: 'white',
-              }}
-            >
+              }}>
               Multiple Ads in a List
             </Text>
           </TouchableOpacity>
@@ -212,8 +198,7 @@ const App = () => {
         <View
           style={{
             height: 400,
-          }}
-        >
+          }}>
           <AdView type="image" media={true} />
         </View>
       )}
@@ -222,8 +207,7 @@ const App = () => {
         <View
           style={{
             height: 400,
-          }}
-        >
+          }}>
           <AdView type="video" media={true} />
         </View>
       )}

diff --git a/example/android/app/build.gradle b/example/android/app/build.gradle
@@ -154,6 +154,8 @@ dependencies {
 
     implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
 
+    implementation project(':react-native-admob-native-ads')
+
     debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
     debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
         exclude group:'com.squareup.okhttp3', module:'okhttp'

diff --git a/example/android/app/src/main/java/com/example/MainApplication.java b/example/android/app/src/main/java/com/example/MainApplication.java
@@ -9,6 +9,7 @@
 import com.facebook.react.defaults.DefaultReactNativeHost;
 import com.facebook.soloader.SoLoader;
 import java.util.List;
+import com.ammarahmed.rnadmob.nativeads.RNAdMobNativePackage;
 
 public class MainApplication extends Application implements ReactApplication {
 
@@ -25,6 +26,7 @@ protected List<ReactPackage> getPackages() {
           List<ReactPackage> packages = new PackageList(this).getPackages();
           // Packages that cannot be autolinked yet can be added manually here, for example:
           // packages.add(new MyReactNativePackage());
+          packages.add(new RNAdMobNativePackage());
           return packages;
         }
 

diff --git a/example/android/settings.gradle b/example/android/settings.gradle
@@ -2,3 +2,5 @@ rootProject.name = 'example'
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'
 includeBuild('../node_modules/react-native-gradle-plugin')
+include ':react-native-admob-native-ads'
+project(':react-native-admob-native-ads').projectDir = new File(rootProject.projectDir, '../../android')
diff --git a/example/metro.config.js b/example/metro.config.js
@@ -5,7 +5,24 @@
  * @format
  */
 
+const path = require('path');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const moduleRoot = path.resolve(__dirname, '..');
+
 module.exports = {
+  watchFolders: [moduleRoot],
+  resolver: {
+    extraNodeModules: {
+      react: path.resolve(__dirname, 'node_modules/react'),
+      'react-native': path.resolve(__dirname, 'node_modules/react-native'),
+    },
+    nodeModulesPaths: [path.resolve(path.join(__dirname, './node_modules'))],
+    blockList: exclusionList([
+      new RegExp(`${moduleRoot}/node_modules/react/.*`),
+      new RegExp(`${moduleRoot}/node_modules/react-native/.*`),
+    ]),
+  },
   transformer: {
     getTransformOptions: async () => ({
       transform: {