React Native Expo FacebookAds在IOS顶部有额外的空间

时间:2018-10-24 01:26:07

标签: react-native react-native-ios expo facebook-ads-api

当我使用expo的FacebookAds组件显示BannerAd时,它可以在Android上正常工作,但是在Ios上,它在顶部增加了一些额外的空间,我根本无法通过样式解决它。

用于展示横幅广告的组件

import React from 'react';
import {FacebookAds} from 'expo';

const BannerAd = ({style, facebookAdsPlacementId}) => (
    <FacebookAds.BannerView 
        style={[{backgroundColor:'#888'},style]}
        placementId={facebookAdsPlacementId}
        type="standard"
        onPress= {() => console.log("Banner Ad Clicked")}
        onError= {err => console.log('Banner Ad Error', err)}
    />

);

export {BannerAd};

这就是我的称呼方式

<BannerAd style={{marginBottom:isIos?20:0}}

这就是它的样子

enter image description here

2 个答案:

答案 0 :(得分:1)

这是我解决这个问题的方法

 <BannerAd style={{ position:isIos?"absolute":"relative", bottom:isIos?20:0 }} 
                    facebookAdsPlacementId={isIos?this.props.facebookAdsIosBanner:
                    this.props.facebookAdsAndroidBanner }/>

请让我知道您是否有更好的解决方案

答案 1 :(得分:0)

可以在没有额外位置相对组件的情况下使用。

while (fgets(flightInfo[i], 1024, fp) > 0) {
    clearTrailingCarraigeReturn(flightInfo[i]);
    // display the line we got from the fill
    printf("  >>> read record [%s]\n", flightInfo[i]);

    char *p = flightInfo[i];
    for (;;) {
        p = strchr(p, ',');
        fp = fopen("theCities.txt", "w+");
        fprintf(fp, "%s\n", p);
        if (!p)
            break;
        ++p;
    }
    i++;
}