Custom loader in ionic 5

Hello guys i was facing problem while adding custom loader.

Check out this solution.

For ionic 4+

this.myLoading = await this.loadingCtrl.create({ 
  spinner: null,
  message: '<ion-img src="assets/gif/loading.gif"></ion-img>',
  cssClass: 'custom-loading'
});
await this.myLoading.present();

Add class in theme/variables.scss

ion-loading.custom-loading {
  .loading-wrapper {
    background: transparent !important;
    box-shadow: none !important;
  }
}

Happy Coding…

Author Profile

PREM KUMAR

Hey Its..! Tech Lover , Ionic, Angular, Typescript, Dotnet Core, Node, Like Opencv, AI, ML, Robotics, Iot, Love Music, Cooking, Girls, Innovation

Latest Post by this Author

• MusicOctober 1, 2023Osad Einy – Amr Diab Translation English
• Fashion and GroomingJuly 1, 20235 Fashion Tips for Dark Skin Guys 2023
• ProgrammingMay 31, 2023Is mean stack is still relevant in 2023?
• TechnologyMay 19, 2023Deleting Your ChatGPT Account: A Step-by-Step Guide