react-native-tencent-ad v0.1.8
react-native-tencent-ad
A react-native component for Tencent Social ads
#TODO: Banner Ad Interstitial Ad
#Installation npm install react-native-tencent-ad -s rnpm link react-native-tencent-ad
###iOS:
According tot the doc:
1. add the sdk under $(react-project)/iOS/
then import it to your project
2. add framework dependencies
3. set other link flags
-ObjC, -lstdc++
4. add NSAllowsArbitraryLoads to YES (iOS >= 9)
###android:
According tot the doc:
1. add the sdk under $(react-project)/android/libs/
then import it to your project
2. modify permission in AndroidManifest.xml
3. in MainApplication.java
//...
import com.mogoal.TencentAd.RNTencentAdPackage; // <--- This!
//...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNTencentAdPackage() // <---- and This!
);
}
#usage ###splash ad
TencentAdSplash.addEventListener('splashAdSuccessPresentScreen', ()=>{
console.log("---splashAdSuccessPresentScreen");
});
TencentAdSplash.addEventListener('splashAdClosed', ()=>{
console.log("---splashAdClosed");
});
TencentAdSplash.addEventListener('splashAdClicked', ()=>{
console.log("---splashAdClicked");
});
TencentAdSplash.addEventListener('splashAdFailToPresent', (error)=>{
console.log("---splashAdFailToPresent");
console.log(error);
});
TencentAdSplash.setTimeOut(3);
TencentAdSplash.setBackgroundColor("#FFFF0000"); //rrggbb or AArrggbb
TencentAdSplash.showSplash(adInfo.appKey, adInfo.placementID, null);
TencentAdSplash.removeAllListeners();
//below events are iOS only
TencentAdSplash.addEventListener('splashAdApplicationWillEnterBackground', ()=>{
console.log("---splashAdApplicationWillEnterBackground");
});
TencentAdSplash.addEventListener('splashAdWillPresentFullScreenModal', ()=>{
console.log("---splashAdWillPresentFullScreenModal");
});
TencentAdSplash.addEventListener('splashAdDidDismissFullScreenModal', ()=>{
console.log("---splashAdDidDismissFullScreenModal");
});
======
#中文介绍:
react-native-tencent-ad
广点通广告React-native封装
#未完成: Banner 广告 Interstitial 广告
#安装方法 npm install react-native-tencent-ad -s rnpm link react-native-tencent-ad
###iOS:
根据文档:
1. 添加SDK到目录$(react-project)/iOS/
2. 添加依赖Frameworks
3. 设置 other link flags
-ObjC, -lstdc++
4. info.plist添加 NSAllowsArbitraryLoads to YES (iOS >= 9)
###android:
根据文档:
1. 添加SDK到目录 $(react-project)/android/libs/
2. 在文件AndroidManifest.xml修改所需权限
3. 在 MainApplication.java
//...
import com.mogoal.TencentAd.RNTencentAdPackage; // <--- 这里!
//...
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new RNTencentAdPackage() // <---- 这里!
);
}
#使用 ###splash广告
TencentAdSplash.addEventListener('splashAdSuccessPresentScreen', ()=>{
console.log("---splashAdSuccessPresentScreen");
});
TencentAdSplash.addEventListener('splashAdClosed', ()=>{
console.log("---splashAdClosed");
});
TencentAdSplash.addEventListener('splashAdClicked', ()=>{
console.log("---splashAdClicked");
});
TencentAdSplash.addEventListener('splashAdFailToPresent', (error)=>{
console.log("---splashAdFailToPresent");
console.log(error);
});
TencentAdSplash.setTimeOut(3);
TencentAdSplash.setBackgroundColor("#FFFF0000"); //rrggbb or AArrggbb
TencentAdSplash.showSplash(adInfo.appKey, adInfo.placementID, null);
TencentAdSplash.removeAllListeners();
//以下事件仅iOS可用
TencentAdSplash.addEventListener('splashAdApplicationWillEnterBackground', ()=>{
console.log("---splashAdApplicationWillEnterBackground");
});
TencentAdSplash.addEventListener('splashAdWillPresentFullScreenModal', ()=>{
console.log("---splashAdWillPresentFullScreenModal");
});
TencentAdSplash.addEventListener('splashAdDidDismissFullScreenModal', ()=>{
console.log("---splashAdDidDismissFullScreenModal");
});