《React Native》Google Admob广告环境搭建

根据https://github.com/sbugert/react-native-admob教程

可以使用npm或Yarn安装：

npm:

npm i --save react-native-admob@next

Yarn:

yarn add react-native-admob@next

安装完成后，在终端执行以下命令:

react-native link

 测试横幅广告添加以下代码：

完成上面步骤后，在终端执行以下命令

react-native run-android

效果：

运行IOS

react-native run-ios

结果出现以下错误 

这是因为IOS还需要安装framework和Google Admob SDK，所以才会报“GoogleMobileAds not found ”错误

这里我教一下新手们如何解决这些问题

首先，因为这是Admob错误，我们把错误信息复制到GitHub上react-native-admob项目的issues里搜索，如图

 

点击链接如图 

 

然后按照网友所说的方法操作

 

在谷歌搜索GoogleMobileAds.framework 

 

下载包

打开Xcode 

 

打开项目 

将下载解压后的包拖入项目 

然后安装cocoapods。 执行以下命令，发现老半天卡着不动

解决这个问题的办法，首先更换镜像，在终端执行命令：

 gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

 

然后再次安装cocoapods，发现还是报错 

 直接把错误信息复制粘贴到百度搜索

 

然后按照教程更新gem：

sudo gem update --system

gem更新后， 再次安装cocopods

sudo gem install cocoapods

出现以下错误 

我们按照教程执行以下命令安装即可：

sudo gem install -n /usr/local/bin cocoapods

cocoapods安装完后，用Westorm在项目终端执行以下命令：

cd ios

pod init 

然后在ios目录下会自动生成Podfile文件

修改Podfile代码如图 

pod 'Google-Mobile-Ads-SDK'

 

完成后，执行以下代码进行安装：

pod install --repo-update

 

 安装完成后，运行以下命令：

react-native run-ios

 

到这里，Admob环境安装完成。