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

Question

当我使用 expo 的 FacebookAds 组件显示 BannerAd 时，它在 Android 中工作正常，但在 Ios 中，它在顶部添加了一些额外的 space，我无法解决它完全有造型。

用于显示横幅广告的组件

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}}

这是它的样子

Answer 1

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

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

如果你有更好的解决方案请告诉我

Answer 2

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

const styles = StyleSheet.create({
  bannerAd: {
    ...Platform.select<ViewStyle>({
      ios: {
        transform: [
          {
            translateY: -20,
          },
        ],
      },
    }),
  },
})

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

React Native Expo FacebookAds has extra space at the top in IOS

facebook-ads-api

react-native

react-native-ios

expo