No animation is displayed on Angular #6
Description
Which platform(s) does your issue occur on?
- Android
- iOS/Android versions
- emulator or device. honor 10 lite
Please, provide the following version numbers that your issue occurs with:
- CLI: 6.0.2
- Cross-platform modules: 6.0.1
- Runtime(s): 6.0.0
- Plugin(s):
"dependencies": {
"@angular/animations": "8.0.0",
"@angular/common": "8.0.0",
"@angular/compiler": "8.0.0",
"@angular/core": "8.0.0",
"@angular/forms": "8.0.0",
"@angular/http": "8.0.0-beta.10",
"@angular/platform-browser": "8.0.0",
"@angular/platform-browser-dynamic": "8.0.0",
"@angular/router": "8.0.0",
"@nstudio/nativescript-loading-indicator": "^1.0.0",
"class-transformer": "^0.2.0",
"nativescript-angular": "8.0.2",
"nativescript-background-http": "^3.4.0",
"nativescript-camera": "^4.4.0",
"nativescript-cardview": "^3.1.1",
"nativescript-drop-down": "^5.0.2",
"nativescript-floatingactionbutton": "^5.0.3",
"nativescript-geolocation": "^5.0.0",
"nativescript-loading-indicator": "^2.5.1",
"nativescript-localstorage": "^2.0.0",
"nativescript-photoviewer": "^2.1.1",
"nativescript-plugin-firebase": "9.0.2",
"nativescript-ripple": "^2.2.1",
"nativescript-sentry": "^1.9.1",
"nativescript-theme-core": "^1.0.4",
"nativescript-ui-dataform": "5.0.0",
"nativescript-ui-listview": "7.0.0",
"nativescript-ui-sidedrawer": "7.0.0",
"reflect-metadata": "^0.1.13",
"rxjs": "~6.3.0",
"tns-core-modules": "6.0.1",
"uglifyjs-webpack-plugin": "^2.1.3",
"zone.js": "0.9.1"
},
"devDependencies": {
"@angular/compiler-cli": "8.0.0",
"@nativescript/schematics": "~0.5.0",
"@ngtools/webpack": "8.0.0",
"codelyzer": "~4.5.0",
"nativescript-dev-webpack": "1.0.1",
"tslint": "~5.11.0",
"tns-platform-declarations": "6.0.1",
"node-sass": "4.12.0",
"typescript": "3.4.5"
}
Is there any code involved?
###Service with the loading indicator
`
import { LoadingIndicator, Mode, OptionsCommon } from '@nstudio/nativescript-loading-indicator';
import { Injectable } from "@angular/core";
@Injectable({
providedIn: 'root',
})
export class LoadingIndicatorHelper {
public loader = new LoadingIndicator();
public options: OptionsCommon = {
message: 'Loading...',
details: 'Additional detail note!',
progress: 0.65,
margin: 10,
dimBackground: true,
color: '#4B9ED6',
backgroundColor: 'yellow',
userInteractionEnabled: false,
hideBezel: true,
mode: Mode.AnnularDeterminate,
android: {
cancelable: true,
cancelListener: function (dialog) {
console.log('Loading cancelled');
}
},
};
}###Show of the indicator in components
that.loadingIndicator.loader.show(that.loadingIndicator.options);`