Image scaled incorrectly on iOS since NS5 and plugin version >3.0.0

[FranciZ]

While this used to work on iOS, with Nativescript 5 and plugin versions >3.0.0 the image now gets stretched across the whole container and does not respect the aspect ratio of the image.

I'm using

• Angular 7.1
• nativescript-image-zoom 3.0.3
• tns-core-modules 5.1.0
• tns-ios 5.1.1

[FranciZ]

I had to set the contentMode to UIViewContentModeScaleAspectFit after the line below for now:

https://github.com/triniwiz/nativescript-image-zoom/blob/master/src/image-zoom.ios.ts#L23

The stretch parameters don't seem to work.

[racknoris]

@FranciZ Did you clone and used a local version of the plugin? Or changed the existing file inside the node_modules folder?

[FranciZ]

@racknoris Just edited the module in node_modules for now.

[racknoris]

@FranciZ Ok, so just to be sure, you added:
this._image.contentMode = UIViewContentMode.ScaleAspectFit;, correct?

[FranciZ]

Don't have the project with me right now but I think this is the addition I made:

this._image.contentMode = UIViewContentModeScaleAspectFit;

https://developer.apple.com/documentation/uikit/uiviewcontentmode/uiviewcontentmodescaleaspectfit

[racknoris]

@FranciZ Ok I did that and it works great, but the picture seems to be not vertically aligned to the center.
Did you encounter this issue?

[3rror404]

If you don't wish to edit the plugin code, the following seems to work for me.

let image = page.getViewById('image'); // Your <ui:ImageZoom /> element
let nativeView = image.nativeView.subviews[0]; // UIScrollView/UIImageView
nativeView.contentMode = UIViewContentModeScaleAspectFit;

[anki247]

It would be nice to release this merged change 🙏