推荐开源项目:React Native AdMob 库
React Native AdMob 库的推荐是 react-native-google-ads
。这是一个由 Google 官方推出的用于 React Native 应用程序的 AdMob 集成库。
安装方法:
npm install react-native-google-ads --save
或者使用 yarn:
yarn add react-native-google-ads
接下来,你需要链接原生模块到你的项目中,这可以通过以下命令实现:
react-native link react-native-google-ads
最后,确保你在 android/app/build.gradle
文件中添加了必要的依赖项:
dependencies {
// ... other dependencies
implementation 'com.google.android.gms:play-services-ads:18.3.0' // or other version
}
并在 android/settings.gradle
中添加:
include ':react-native-google-ads'
project(':react-native-google-ads').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-google-ads/android')
使用示例:
import {
BannerAd,
InterstitialAd,
PublisherBanner,
RewardedAd
} from 'react-native-google-ads';
export default class App extends Component {
// Banner ad example
render() {
return (
<View style={{flex: 1}}>
<BannerAd
unitID="YOUR_BANNER_AD_UNIT_ID" // Replace with your ad unit ID
onAdLoaded={this.adLoaded}
onAdFailedToLoad={this.adFailedToLoad}
/>
</View>
);
}
adLoaded() {
console.log('Advertisement loaded.');
}
adFailedToLoad(error) {
console.error('Advertisement failed to load: ', error);
}
}
请确保将 "YOUR_BANNER_AD_UNIT_ID"
替换为你从 AdMob 获得的实际广告单元 ID。其他类型的广告(如插页式广告、视频广告等)也可以通过该库进行集成,并按照文档提供的指南进行配置。
评论已关闭