Skip to content

横幅(Banner)广告的对接及示例

1. 导入 BannerView 模块

typescript
import { BannerView } from '@zmide/react-native-gromore';

2. 使用 BannerView 组件

TIP

必须设置 banner_codeheight ,否则组件加载渲染失败。

示例:

typescript
<BannerView
  slotId={codes.banner_code}
  style={{height: 180}}
  onAdViewDidLoad={() => {
    console.log('BannerView onAdViewDidLoad');
  }}
  onAdViewDidBecomeVisible={() => {
    console.log('BannerView onAdViewDidBecomeVisible');
  }}
  onAdViewLoadFailWithError={({ nativeEven }: any) => {
    console.log('BannerView onAdViewLoadFailWithError', nativeEvent);
  }}
/>

BannerView 事件列表如下:

事件名称描述
onAdViewDidLoad广告加载成功
onAdViewDidClick广告被点击
onAdViewLoadFailWithError广告加载失败
onAdViewDidBecomeVisible广告已经展示
onAdViewDislikeWithReason用户选择不喜欢广告,并提供了不喜欢的理由
onAdViewDidRemoved广告视图被移除