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

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"

About this issue

Original URL
State: closed
Created 6 years ago
Reactions: 2
Comments: 28

Most upvoted comments

@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

Verma-Pooja on Aug 7, 2018

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?

simulator screen shot - iphone 6 - 2018-08-29 at 06 54 45

steventiro on Aug 28, 2018

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.

magic990619 on Aug 16, 2019

did anyone found a solution for this issue?

jetonk on Nov 17, 2018

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

Verma-Pooja on Jul 13, 2018

Solved it by doing the following: Android

run react-native link react-native-admob this will give you the following log
Open Android Studio and go to Build -> Clean Project
Delete the app from the simulator
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 👍

YousefAlsbaihi on Aug 17, 2020

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

youngfreshunique on Oct 5, 2019

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"

erdemozveren on Feb 28, 2019

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

snapxtp on Aug 16, 2018

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 😉

elMuso on Aug 3, 2018