App crashes on (iOS) device after installing from TestFlight about firebase

[Mithat3313]

Any update?

[soodohkohd]

still waiting... i might just go back to Flutter

[Mithat3313]

I fixed the issue by changing polyfills.ts file like below,

/**
 * NativeScript Polyfills
 */

// // Install @nativescript/core polyfills (XHR, setTimeout, requestAnimationFrame)
// import '@nativescript/core/globals';
// // Install @nativescript/angular specific polyfills
// import '@nativescript/angular/polyfills';

// /**
//  * Zone.js and patches
//  */
// // Add pre-zone.js patches needed for the NativeScript platform
// import '@nativescript/zone-js/dist/pre-zone-polyfills';

// // Zone JS is required by default for Angular itself
import 'zone.js';

// // Add NativeScript specific Zone JS patches
// import '@nativescript/zone-js';

[soodohkohd]

By changing my polyfills.ts file as you have indicated creates another issue (locally).

Any http service call now gets the following error: TypeError: Cannot read properties of undefined (reading 'call')

Here's the method that I use for my http "Get" calls:

        const stream$ = this.get(endpoint, { responseType: type });

        let results = lastValueFrom(stream$).then((value: any) => {
            return value;
        }).catch((error: any) => {
            return error;
        });

        return results;

[Mithat3313]

Since I faced the same situation, I used the Nativescript HTTP module. If you are not sending an ICMP request, you may consider using it. I couldn't find any other solution for now.

https://docs.nativescript.org/http.html#http

[soodohkohd]

I will give it a try and let you know my results. Thank you!

[soodohkohd]

For anyone who is interested, I decided to eliminate the firebase packages and just write my own little service to handle Google Ads.

Currently, I only have Interstitial ads for iOS using the latest version of pod 'Google-Mobile-Ads-SDK' (which is 10.5.0 at this time).

First thing to do, add a Podfile to your App_Resources/iOS folder:

platform :ios, '12.0'

pod 'Google-Mobile-Ads-SDK'

Then create an injectable service to handle the ads:

/******************************************************************************
 * Google Admob Interstitial.
******************************************************************************/
import { Injectable } from '@angular/core';

import { isIOS, isAndroid } from "@nativescript/core/platform";
import { getNumber, setNumber } from '@nativescript/core/application-settings';

declare var UIApplication, UISplitViewController, UINavigationController, UITabBarController, GADRequest, GADInterstitialAd;

@Injectable({
    providedIn: 'root'
})
export class AdmobService {
    private androidBannerId: string = "ca-app-pub-00000/00000";
    private androidInterstitialId: string = "ca-app-pub-00000/00000";
    private iosBannerId: string =  "ca-app-pub-00000/00000";
    private iosInterstitialId: string = "ca-app-pub-00000/00000";
    private keywords: string[] = ["news", "top news", "politics", "business", "finance", "social media"];

    public showAd() {
        let adCount = getNumber("_adcount", 0);

        if (adCount >= 3) {
            adCount = 0;
        }

        if (adCount === 0) {
            if (isIOS) {
                this.showIOSAd();
            }
        }

        adCount++;

        setNumber("_adcount", adCount);
    }

    private showIOSAd() {
        let request = GADRequest.request();

        request.keywords = this.keywords;

        GADInterstitialAd.loadWithAdUnitIDRequestCompletionHandler(this.iosInterstitialId, request, (ad: any, error: any) => {
            if (!error) {
                ad.presentFromRootViewController(topViewController());
            }
        });
    }
}

export const topViewController = () => {
    const root = rootViewController();

    if (root == null) {
        return undefined;
    }

    return findTopViewController(root);
};

const rootViewController = () => {
    const app = UIApplication.sharedApplication;
    const window = app.keyWindow || (app.windows.count > 0 && app.windows[0]);

    return window != null ? window.rootViewController : undefined;
};

const findTopViewController = (root: any) => {
    const presented = root.presentedViewController;

    if (presented != null) {
        return findTopViewController(presented);
    }

    if (root instanceof UISplitViewController) {
        const last = root.viewControllers.lastObject;

        if (last == null) {
            return root;
        }

        return findTopViewController(last);
    }
    else if (root instanceof UINavigationController) {
        const top = root.topViewController;

        if (top == null) {
            return root;
        }

        return findTopViewController(top);
    }
    else if (root instanceof UITabBarController) {
        const selected = root.selectedViewController;

        if (selected == null) {
            return root;
        }

        return findTopViewController(selected);
    }
    else {
        return root;
    }
};

Finally, call the 'showAd()' method from the constructor of the view/page you want to load the ad in:

	import { AdmobService } from '~/services/admob.service';

	constructor(private admobService: AdmobService) {
		this.admobService.showAd();
	}

[soodohkohd]

Just published my app to the Apple App Store and downloaded it through TestFlight - works as expected!