React Native Admob Banner Error and its Solutions

Admob plays an important library for any App who wants to earns. Admob Banner is one of the simplest Admob to implement. It is a rectangular image or text ads that occupy a portion of the App's layout.

Sometimes we put the code correctly but steps as mention in instructions we face some issues. It may be related to the module, updated versions, crashes, library link issues, etc. I will discuss here stepwise step Admob Banner issues you may face.

Error-1

Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

This error comes when you do not link Admob. As on GitHub Admob library installing instructions, they mentioned that 
''On Android the AdMob library code is part of Play Services, which is automatically added when this library is linked''.

But still, if we get this error. To Solve this issue, you have to do to just after installing AdMob or after getting this error you have to write this command on terminal.

Solution:

react-native link react-native-admob

Then run command react-native run-android, the problem will be solved.

Error-2

Android: The SDK Build Tools revision (23.0.1) is too low for the project ':react-native-social-share'. Minimum required is 25.0.0

Sorry to say after linked AdMob you may get this error instantly. This error comes when your SDK Build Tools revision is not updated or version is low.

Solution:

In Android Studio, I added the following to my root build gradle android/build.gradle

            android {
                compileSdkVersion 26
                buildToolsVersion '26.0.3'
            }
       ... }
    }
}

For not updated React Native version, You can use 25 instead of 26. 

Follow these Steps :

1. Open Android Studio, go to the folder, select Android then click on Ok Button

2. Click on an Ok button, Page will look like this

3. The Page will show like this:

 4. Click on Open File in Gradle Sync Issue, Page looks like this:

5. You have to edit compileSdkVersion and buildToolsVersion to 26, As Shown in Image:

  

6. Now Sync Gradle, wait for the Gradle Sync Process completed.
Go back to the terminal and use command react-native run-android.

Error-3

Invariant Violation: the Native component for “RNGADBannerView” does not exist...

This error comes when you apply a piece of code of AdMob Banner in View section and run your code.

Solution:

/node_modules/react-native-admob/android/src/main/java/com/sbugert/rnadmob/RNAdMobRewardedVideoAdModule.java

Delete @Override only from the above screenshot

Error-4

Internal Error, an invalid response was received from the ad server. 

This error comes when you complete all the above errors, then using AdMob code and run the command. Finally, you get this problem again. But this is a small fix.

Solution:

You have to connect to the internet. Turn on your Mobile data or Wi-Fi whatever you use. 

Ads show on App through the internet. It only displays Ads when the internet is available. That's why it took some time to load on App.

Here some example, which I created Apps on React Native with Admob Banner:

• SQL TO ElastiSearch Query
• Love Calculator
• FlashLight

Thanks for Reading !!!