Accessing android view in Nativescript

Question

I'm trying to use a loader-plugin for nativescript and run into an error that says:

Error creating Loading Indicator Pop Over: Cannot read property 'drawable' of undefined

It seems that the error comes from using android.view.View in the options for the loader.

There's not much additional information about this error, but from my experience with mobile apps I'd say that this error occurs because the view hasn't loaded, yet.

I tried to apply a timeout, move the call around (from onNavigatingTo to onPageLoad), nothing helped.

Here's the code I'm using:

const options = {
        message: "Daten werden geladen…",
        details: "Bitte warten",
        progress: 0.65,
        margin: 10,
        dimBackground: true,
        color: "#fff", // color of indicator and labels
        // background box around indicator
        // hideBezel will override this if true
        backgroundColor: "black",
        userInteractionEnabled: false, // default true. Set false so that the touches will fall through it.
        hideBezel: true, // default false, can hide the surrounding bezel
        mode: Mode.AnnularDeterminate, // see options below
        android: {
            view: android.view.View, // Target view to show on top of (Defaults to entire window)
            cancelable: true,
            cancelListener: function (dialog) {
                console.log("Loading cancelled");
            }
        },
        ios: {
            view: UIView, // Target view to show on top of (Defaults to entire window)
        }
    };

    loader.show(options);

Nativescript 7.x using Javascript

Any ideas?

question from:https://stackoverflow.com/questions/65922179/accessing-android-view-in-nativescript

Answer 1

First of all, I don't like using platform-specific code like android.view.View or UIView without appropriate isIOS/isAndroid wrappers. So I'd advise to use this.page.nativeView or this.page.getViewById('someIdHere').nativeView instead.

Adding zero milliseconds timeout is also a good practice. Just to be sure that page content is available.

Would be great if you could provide me some small example, so I could check on my side