{N} 7 Error creating Loading Indicator Pop Over: Cannot read property 'drawable' of undefined

[tidusjar]

Which platform(s) does your issue occur on?

• Android

Please, provide the following version numbers that your issue occurs with:

• CLI: 7.0.8
• Cross-platform modules: (check the 'version' attribute in the
  node_modules/tns-core-modules/package.json file in your project)
• Runtime(s): 7.0.0
• Plugin(s):

"dependencies": {
    "@angular/animations": "~10.1.0",
    "@angular/common": "~10.1.0",
    "@angular/compiler": "~10.1.0",
    "@angular/core": "~10.1.0",
    "@angular/forms": "~10.1.0",
    "@angular/platform-browser": "~10.1.0",
    "@angular/platform-browser-dynamic": "~10.1.0",
    "@angular/router": "~10.1.0",
    "@danvick/ngx-translate-nativescript-loader": "^2.0.2",
    "@nativescript-community/ui-material-button": "^4.0.11",
    "@nativescript-community/ui-material-floatingactionbutton": "^4.0.11",
    "@nativescript-community/ui-material-textfield": "^4.0.11",
    "@nativescript/angular": "~10.1.0",
    "@nativescript/core": "~7.0.0",
    "@nativescript/firebase": "^11.0.0",
    "@nativescript/theme": "~2.5.0",
    "@ngx-translate/core": "^13.0.0",
    "@ngx-translate/http-loader": "^6.0.0",
    "@nstudio/nativescript-loading-indicator": "^4.0.0",
    "@nstudio/nativescript-pulltorefresh": "^3.0.0",
    "nativescript-barcodescanner": "^4.0.0",
    "nativescript-feedback": "^2.0.0",
    "nativescript-purchase": "^2.0.14",
    "nativescript-ui-listview": "^9.0.2",
    "nativescript-ui-sidedrawer": "~9.0.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "^6.6.0",
    "zone.js": "~0.11.1"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~10.1.0",
    "@nativescript/android": "7.0.0",
    "@nativescript/webpack": "~3.0.0",
    "@ngtools/webpack": "~10.1.0",
    "codelyzer": "~6.0.0",
    "node-sass": "^4.14.1",
    "tslint": "~6.1.3",
    "typescript": "~3.9.0"
  },

Please, tell us how to recreate the issue in as much detail as possible.

Getting the error Error creating Loading Indicator Pop Over: Cannot read property 'drawable' of undefined when attempting to show a loading indicator.

Is there any code involved?

Code example:

 private indicator = new LoadingIndicator();

 private showLoading() {
        const options: OptionsCommon = {
            progress: 0.65,
            margin: 10,
            color: "#4B9ED6", 
            backgroundColor: "black",
            mode: Mode.AnnularDeterminate 
        };

        this.indicator.show(options);
    }

[adapptor-jono]

@tidusjar I also encountered this crash, and I agree that it should be fixed. But I noticed that it only seems to happen for me if I call show(options) when there is already a loading indicator showing. So you can probably work around it for now by keeping track of whether you are already showing the indicator before showing it again.

[gitalvininfo]

@adapptor-jono can you provide a sample snippet of what you meant ? Thanks

[cristiandaulisio]

I have this problem too :( and happen in any situation.

[SergeyMell]

I'm also facing this issue on {N}7
Here you can find a reproducible example
https://github.com/SergeyMell/nativescript-loader-issue-example

[sido420]

same here (on NS7)

[PaoloMarconi95]

Same Here

[OPADA-Eng]

Same Here

[Bezlepkin]

Same here (NS8)

[cristiandaulisio]

news? someone found a solution?

[cchoici]

i set mode: Mode.Indeterminate in options is workable