Have a custom animation with the $ionicLoading instead of a spinner

I am trying to have a custom animation, preferably a gif displayed on the splash screen. `

.controller('LoadingCtrl', function ($scope, $ionicLoading) { $scope.show = function () { $ionicLoading.show({ content: "", template: 'Loading...', noBackdrop: 'true', hideOnStateChange: 'false' }).then(function () { console.log("The loading indicator is now displayed"); }); }; $scope.hide = function () { $ionicLoading.hide().then(function () { console.log("The loading indicator is now hidden"); }); }; });

Right now it defaults to a spinner and I do not know why or how to make it so my own gif will appear.

add cordova-plugin-splashscreen plugin
in config.xml file add this line

and store the gifimage with defaultname in Resources->android->splash folder