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.