ZJSDK

视频内容

视频内容

此章节将演示如何请求在React Native环境下请求与展示视频内容

引入组件

引入<ZJAndroidContent posId: string, onAdEvent?: OnAdEvent | undefined/>组件即可请求视频内容页

组件参数说明

param类型说明
posIdstring广告位ID
onAdEventOnAdEvent广告回调

OnAdEvent 事件说明

Event参数说明
ZJEvent.LOAD_ERRORerrCode:number, errMsg:string广告加载失败
errCode:错误码，非错误事件为0
errMsg:错误信息，非错误事件为空字符串
ZJEvent.SHOW_ERRORerrCode:number, errMsg:string广告展示失败
errCode:错误码，非错误事件为0
errMsg:错误信息，非错误事件为空字符串
ZJEvent.LOAD/广告加载成功
ZJEvent.SHOW/广告展示成功

示例代码

MyApp/pages/ContentScreen.tsx
import ZJAndroid, { ZJEvent } from 'rtn-zjandroid/js/ZJAndroid';
import { ZJAndroidContent } from 'rtn-zjandroid-fabric/js/ZJAndroidContent';

function onContentEvent(event: ZJEvent, errCode: number, errMsg: string) {
    let log = '';
    switch (event) {
        case ZJEvent.LOAD_ERROR:
            log = `视频内容加载失败 [${errCode}|${errMsg}]`;
            break;
        case ZJEvent.LOAD:
            log = '视频内容加载成功';
            break;
        case ZJEvent.SHOW_ERROR:
            log = `视频内容展示失败 [${errCode}|${errMsg}]`;
            break;
        case ZJEvent.SHOW:
            log = '视频内容展示成功';
            break;
        default:
            log = `未知事件：${event}`;
            break;
    }
    console.log(log);
    ToastAndroid.show(log, ToastAndroid.SHORT);
}

return (ZJAndroid.isReady()
    ? <ZJAndroidContent posId='J4961952628' onAdEvent={onContentEvent} style={{ width: '100%', height: '100%' }} />
    : <View style={styles.page}><Text>SDK尚未初始化完成，请在初始化成功后请求广告</Text></View>)
目录