React-native-admob: Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

[jasrajput]

I recently installed admob for react-native.but i m getting an error "RNGADBannerView" was not found in the UIManager".I don't know what that supposed to mean?

_can anyone help?_

import {AdMobBanner} from 'react-native-admob';

  export default class Home extends Component{
   render(){
    return <View>
        <Text>helo</Text>
        <AdMobBanner
            adSize="fullBanner"
            adUnitID="ca-app-pub-"my_id"
            onAdFailedToLoad={error => console.error(error)}
        />
    </View>
}

dependencies:

   "react": "16.4.1",
   "react-native": "0.56.0",
   "react-native-admob": "^2.0.0-beta.5",
   "react-native-fbsdk": "^0.7.0",
    "react-navigation": "^2.6.2"

[Verma-Pooja]

In {adUnitID="ca-app-pub-"my_id"} you can put Sample ad Unit ID for testing or Original ad Unit Id which you might be created
I use sample ad unit Id here,
adUnitID="ca-app-pub-3940256099942544/6300978111"
You can refer to this link:
https://react-native-solutions.blogspot.com/2018/07/how-to-create-react-native-app-with.html

"

[jasrajput]

@Verma-Pooja I use my own ad unit id too.But it didn't work as i expected

[elena87]

I have the same issue. @jasrajput have you found the solution in the meantime?

[ayRatul]

Hi, i had the same issue, apparently you don´t need to press "reload" in the app for this package to work, i fixed it by just doing" react-native run-android " in the project console and then on the app the ads were showing and not giving this error.
Hope i helped someone , might be a stupid solution , but if you only use adb to reload your project , this simple solution can go over your head ;)

[Verma-Pooja]

@jasrajput, @elena87 Did you guys link admob?
react-native link react-native-admob. then run your code. It is working.
you can refer to this link:
https://react-native-solutions.blogspot.com/2018/08/problems-related-to-admob-updated.html

[snapxtp]

I've tried all the solutions written here in react-native link react-native-admob but I keep getting the same error.

[steventiro]

I have the same problem.
I followed the installation manual step by step and make sure googleMobileAds framework and React native admob linked to my app but i got the same warning: "RNGADBannerView" was not found in the UIManager.

these are my dependencies:
"react": "16.4.1",
"react-native": "0.56.0",
"react-native-admob": "^2.0.0-beta.5"

can any one help?

[ayRatul]

Yep , after building a new project and installing this admob module i got an error.
Solved it with the solution posted in https://react-native-solutions.blogspot.com/2018/08/problems-related-to-admob-updated.html

1)go to your app main folder
2)then go inside node_modules bla bla
"/node_modules/react-native-admob/android/src/main/java/com/sbugert/rnadmob/"

3)Then open RNAdMobRewardedVideoAdModule.java with any text editor of your choice.

4) Finally Go to line 89 and delete "@Override" from that line

5)react native run-android (i didn't tested this on ios, since there the linking process is different while in android is just "react-native link"

[ayRatul]

Oh , i should say that i'm using react-native 0.55.4, maybe they broke something in 0.56/0.57

[jetonk]

did anyone found a solution for this issue?

[manojkumawat003]

Have you linked admob using react-native link react-native-admob

[nilde]

react-native run-ios worked for me.

[iabdulazeem]

react-native-admob is linked, I've verified, still getting the same error. Any solution?

[erdemozveren]

I try everything and found @nqtuyen92's solution and it worked for me (sort of) and now error turned a yellow box error but app is running and ad is showing.
Current i have this yellow box error

"Accessing view manager configs directly off UIManager via UIManager['RNGADBannerView'] is no longer supported. Use UIManager.getViewManagerConfig('RNGADBannerView') instead."

What i did is
find build.gradle in "node_modules/react-native-admob/android" and change
compile 'com.google.android.gms:play-services-ads:+' to compile 'com.google.android.gms:play-services-ads:15.0.0'

UPDATE
I track the yellow box error and found what caused it
i modified RNAdMobBanner.js in node_modules\react-native-admob
i changed line 30:
UIManager.RNGADBannerView.Commands.loadBanner, to UIManager.getViewManagerConfig('RNGADBannerView').Commands.loadBanner,
now its look like this
(from line 27)

loadBanner() {
    UIManager.dispatchViewManagerCommand(
      findNodeHandle(this._bannerView),
      UIManager.getViewManagerConfig('RNGADBannerView').Commands.loadBanner,
      null,
    );
  }

now there is no error and crash so far,i do not know that is the correct way but its helped me to keep developing,hope helps.(sorry for typo)
my package.json

    "react": "16.6.3",
    "react-native": "0.58.5",
    "react-native-admob": "^2.0.0-beta.5"

[RoderickJDunn]

For me I was getting this error even after running react-native link react-native-admob

There must have been a problem linking it the first time because I solved it by running react-native unlink react-native-admob, then react-native link react-native-admob again.

[magic990619]

I also have the same issue on ios.
Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

I tried the solutions but it did not work for me.

    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-admob": "^2.0.0-beta.5",

I tried react-native link react-native-admob.
But after that, I got an error in building. I could not run the app.
Please help.

[taha4954]

I also have the same issue on ios.
Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

I tried the solutions but it did not work for me.

    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-admob": "^2.0.0-beta.5",

I tried react-native link react-native-admob.
But after that, I got an error in building. I could not run the app.
Please help.

Same issue!!

[shairamiri]

I also have the same issue on ios.
Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

I tried the solutions but it did not work for me.

    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-admob": "^2.0.0-beta.5",

I tried react-native link react-native-admob.
But after that, I got an error in building. I could not run the app.
Please help.

Did anyone solve this?
Can't get it working on iOS.
Android works fine

[youngfreshunique]

I did cmd+shift+k
then cleaned derived-data folder
and then got the problem gone

[ayciceksahin]

I also have the same issue on ios.
Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.

I tried the solutions but it did not work for me.

    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-admob": "^2.0.0-beta.5",

I tried react-native link react-native-admob.
But after that, I got an error in building. I could not run the app.
Please help.

Same Problem.. Please help

[jasrajput]

I also have the same issue on ios.
Invariant Violation: requireNativeComponent: "RNGADBannerView" was not found in the UIManager.
I tried the solutions but it did not work for me.

    "react": "16.8.6",
    "react-native": "0.60.5",
    "react-native-admob": "^2.0.0-beta.5",

I tried react-native link react-native-admob.
But after that, I got an error in building. I could not run the app.
Please help.

Same Problem.. Please help

kindly wait for some time to get refresh your account on admob & don't forget to run react-native run-android or ios based on the platform you are using afterwards..It took me 2 days to get verified at admob.

[minhchienwikipedia]

I found the best way to resolve this issue. Seem react-native link react-native-admob not work as well on iOS, so you need to manual linking like React Native docs (link). It's works as well for me!

[tgreco]

I resolved this by running these commands:
react-native link react-native-admob && cd ios && pod install

[YousefAlsbaihi]

Solved it by doing the following:
Android

1. run react-native link react-native-admob
   this will give you the following log
   

1. Open Android Studio and go to Build -> Clean Project
2. Delete the app from the simulator
3. run npx react-native start
   After the bundle started if you faced this error
   
   ignore it and open Android Studio Clean your project and run it from Android Studio

This solution worked for me perfectly 👍

[yussems]

actually know. emulator is crush 3 times i try but didn't work. my didnt app open