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

问题描述 投票:0回答:2

当我使用世博会Facebook广告组件来展示横幅广告时,它适用于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

react-native react-native-ios expo facebook-ads-api
2个回答
1
投票

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

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

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


0
投票

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

const styles = StyleSheet.create({
  bannerAd: {
    ...Platform.select<ViewStyle>({
      ios: {
        transform: [
          {
            translateY: -20,
          },
        ],
      },
    }),
  },
})
© www.soinside.com 2019 - 2024. All rights reserved.