横幅(Banner)广告的对接及示例
1. 导入 BannerView
模块
typescript
import { BannerView } from '@zmide/react-native-gromore';
2. 使用 BannerView
组件
TIP
必须设置 banner_code
和 height
,否则组件加载渲染失败。
示例:
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 | 广告视图被移除 |