横幅(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 | 广告视图被移除 |