Admob横幅广告显示白色,在Android上为世博会

时间:2020-05-12 00:09:07

标签: android react-native admob expo

我似乎没有得到Admob横幅来显示除白框以外的任何内容。我可以确认adUnitID正确并且已启用广告单元。我的app.json android部分:

"android": {
  "config": {
    "googleMobileAdsAppId": "xxx"
  },
  "package": "xxx",
  "versionCode": 1
},

这是我app.js中的Admob标语组件:

<View style={styles.container}>
    {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
    <AppNavigator />
    <View style={styles.adContainer}>
      <AdMobBanner
        bannerSize='fullBanner'
        adUnitId='xxx'
        onDidFailToReceiveAdWithError={() => console.log('error')}
        servePersonalizedAds
      />
    </View> 
 </View>

 const styles = StyleSheet.create({
   container: {
     flex: 1,
     backgroundColor: '#fff',
   },
   adContainer: {
     borderColor: 'red',
     borderWidth: 1,
   },
 });

查看日志,它实际上从未打印出“错误”。我在广告容器周围放置边框以确认它正在显示,如果更改bannerSize属性,我可以看到它在更改大小,因此可以正确地为横幅分配空间。这是Expo SDK版本37.0.10,我仅在Android物理设备上进行了测试。当我创建apk时,它类似地将横幅显示为仅白色。

2 个答案:

答案 0 :(得分:0)

这就是我如何在expo easy add中添加横幅

在app.js中

 import { AdMobBanner,} from 'expo-ads-admob';

 <AdMobBanner
  bannerSize="banner"
  adUnitID="ca-app-pub-yourKeyHere" 
  servePersonalizedAds={false}
  onDidFailToReceiveAdWithError={this.bannerError} />

在app.json中

 "android": {
 
      "config": {
        "googleMobileAdsAppId": "ca-app-pub-yourKeyHere"}

答案 1 :(得分:0)

尝试在您的 View 标记周围添加一个 Ad-mob,并为其指定边框宽度和边框宽度颜色,以突出您的广告。

<View style={{borderWidth : 2 ,borderColor : 'orange'}}>
....
</View>