chore(demo): update demo

Author: triniwiz

apps/demo/src/plugin-demos/firebase-admob.ts

@@ -44,7 +44,8 @@ export class DemoModel extends DemoSharedFirebaseAdmob {
 		const hlv = view.getViewById('headLineView') as Label;
 		const mv = view.getViewById('mediaView');
 		const bv = view.getViewById('bodyView');
-		console.log('nativeAdLayoutChanged', hlv.nativeView, mv.nativeView, bv.nativeView);
+		const iv = view.getViewById('iconView');
+		console.log('nativeAdLayoutChanged', hlv.nativeView, mv.nativeView, bv.nativeView, iv.nativeView);
 	}
 	nativeAdLoaded(event) {
 		const view = event.object;
@@ -63,6 +64,9 @@ export class DemoModel extends DemoSharedFirebaseAdmob {
 				mv.mediaContent = ad.mediaContent;
 				const bv = view.getViewById('bodyView');
 				bv.text = ad.body;
+				const iv = view.getViewById('iconView');
+				console.log(ad.icon);
+				iv.src = ad.icon.image;
 				view.nativeAd = ad;
 				console.log('nativead loaded');
 			} else if (event === 'adFailedToLoad') {

apps/demo/src/plugin-demos/firebase-admob.xml

@@ -8,10 +8,11 @@ xmlns:ui="@nativescript/firebase-admob"
     <StackLayout class="p-20">
        <!-- <ui:BannerAd height="100" width="100" unitId="{{bannerAdUnit}}" layoutChanged="{{bannerLoaded}}"/> -->
        <ui:NativeAdView height="400" loaded="{{nativeAdLoaded}}" layoutChanged="{{nativeAdLayoutChanged}}">
-        <GridLayout rows="auto,auto,auto" height="300" width="300">
+        <GridLayout rows="auto,auto,auto,auto" height="300" width="300">
        <Label id="headLineView" text="First"/>
        <ui:MediaView row="1" id="mediaView" height="100%"/>
        <Label row="2" id="bodyView"/>
+       <Image id="iconView" row="3"/>
       </GridLayout>
        </ui:NativeAdView>
     </StackLayout>