- Maintenant vous pouvez utiliser le composant Viewpay, les parametres marqués par * sont obligatoires:

$3

- Vous pouvez personnaliser les 5 fonctions : checkVideoErrorVP, checkVideoSuccesVP, closeAdsVP, completeAdsVP, errorVP

$3

$3

Présenter la publicité

Récuperation état du capping

Example

import Viewpay from 'viewpay-react-native';
import { ButtonVP,ViewpayHandle } from 'viewpay-react-native';

const ExempleComposant = {
const ref = useRef(null);

const [isCompleted, setCompleted] = useState(false);
const [isNoAds, setNoAds] = useState(false);
const [capping, setCapping] = useState("");

//fonction util du viewpay
const runCheckVideo = () => {
if (ref.current) {
setLoading(true);
ref.current.checkVideo();
}
};

const runOpenCadre = () => {
if (ref.current) {
setLoading(true);
ref.current.openCadre();
}
};

//fonction callback
const ready = () => {
console.log('SDK Viewpay ready !');
runCheckVideo();
ref.current?.getCappingRestant().then((value:number[])=>{
setCapping(value[0] + "/" + value[1]);
})
}

const checkVideoError = () => {
console.log('No more ads');
setNoAds(true);
setLoading(false);
}

const checkVideoOk = () => {
console.log('Ads exists');
setLoading(false);
runOpenCadre();
}
const closeAdsVP = () => {
console.log('Close ViewPay');
}

const completedVP = () => {
console.log('Transaction effectuée avec success');
setLoading(false);
ref.current?.getCappingRestant().then((value:number[])=>{
setCapping(value[0] + "/" + value[1]);
setCompleted(true);
})
}

const onErrorVP = (code:number,message:string) => {
console.log('Error sur VP code :'+code+', message : '+message);
}

return (

Capping : {capping}
La Guerre en Ukraine : Conflit Persistant et Perspectives d'Espoir

Depuis plusieurs années, la situation en Ukraine continue de captiver l'attention du monde entier alors que le pays lutte contre un conflit armé dévastateur. Depuis le début des hostilités en 2014,




siteId="1672e275c4ee7f34"
checkVideoErrorVP={checkVideoError}
checkVideoSuccesVP={checkVideoOk}
closeAdsVP={closeAdsVP}
completeAdsVP={completedVP}
errorVP={(code: number,message: string)=> onErrorVP(code, message)}
withLog={false}
ref={ref}
/>

{!isCompleted && existAds && ()}

{isNoAds && (

No more ADS

)
}

{isCompleted && (

les Ukrainiens ont dû faire face à des défis humanitaires sans précédent, tout en tentant de préserver leur souveraineté et leur intégrité territoriale. Le conflit, qui oppose les forces ukrainiennes aux séparatistes soutenus par la Russie dans l'est du pays, a déjà coûté la vie à des milliers de personnes et déplacé des millions d'autres. Les combats sporadiques persistent malgré les tentatives de médiation et les accords de cessez-le-feu négociés par la communauté internationale.

)}

)