@hmscore/react-native-hms-ads/src/VastView.js

React Native HMS Ads Kit

/*
 * Copyright 2020-2025. Huawei Technologies Co., Ltd. All rights reserved.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License")
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * 
 *      https://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React, { Component } from "react";
import {
    findNodeHandle,
    requireNativeComponent,
    UIManager,
    NativeModules,
} from "react-native";

const { HMSVast } = NativeModules;

class HMSVastView extends Component {
    constructor() {
        super();
    }

    componentDidMount() {
        this.loadAd();
    }

    getInfo = () => {
        return HMSVast.getViewInfo(findNodeHandle(this.vastView));
    };

    componentWillUnmount() {
        this.release();
    }

    loadAd = () => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.loadAd,
            null,
        );
    };

    pause = () => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.pause,
            null,
        );
    };

    resume = () => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.resume,
            null,
        );
    };

    toggleMuteState = (data) => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.toggleMuteState,
            [data],
        );
    };

    startOrPause = () => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.startOrPause,
            null,
        );
    };

    release = () => {
        UIManager.dispatchViewManagerCommand(
            findNodeHandle(this.vastView),
            UIManager.getViewManagerConfig("HMSAdsVastView").Commands.release,
            null,
        );
    };

    render() {
        return (
            <HMSAdsVastView {...this.props} ref={(el) => (this.vastView = el)}>
                {this.props.children}
            </HMSAdsVastView>
        );
    }
}

const HMSAdsVastView = requireNativeComponent(
    "HMSAdsVastView",
    HMSVastView,
);

export default HMSVastView;