Getting Error when resize image received from URL in Nativescript App

I am trying to resize image in Angular+Nativescript app after retrieving from URL but receving following error:-

ERROR Error: Uncaught (in promise): TypeError: imageSource.resize is not a function. (In 'imageSource.resize(100)', 'imageSource.resize' is undefined)

Below is the code:-

image.html

<Image (loaded)="onImageLoaded($event)" class="img-home-event" stretch="aspectFill">
 </Image> 

image.module.ts

onImageLoaded(args)
{        
        let image = <Image>args.object;
        
        ImageSource.fromUrl("https://homepages.cae.wisc.edu/~ece533/images/airplane.png")
        .then((imageSource) =>{
            image.imageSource = imageSource.resize(100);
            image.height = 150;
            image.width = 150;
        });        
}

Please help me here. I require resize functionality to be implemented in my project. If this is not possible then please provide some alternative.