Zoomable ImageView

Zoomable Image View is a UI Element that can be used to display an image and allow the user to zoom in and out.

scripts/pages/pageSample.ts

import PageSampleDesign from "generated/pages/pageSample";
import { Router, Route } from "@smartface/router";
import ZoomableImageView from "@smartface/native/ui/zoomableimageview";
import { IZoomableImageView } from "@smartface/native/ui/zoomableimageview/zoomableimageview";
import { ImageFillType } from "@smartface/native/ui/imageview/imageview";

export default class PageSample extends PageSampleDesign {
  zoomableImageView: IZoomableImageView;
  constructor(private router?: Router, private route?: Route) {
    super({});
  }

  initZoomableImageView() {
    this.zoomableImageView = new ZoomableImageView({
      flexGrow: 1,
    });
    this.zoomableImageView.image = "images://smartface.png";
    this.zoomableImageView.minimumZoomScale = 1;
    this.zoomableImageView.imageFillType = ImageFillType.ASPECTFIT;
    this.zoomableImageView.android.mediumZoomScale = 2;
    this.zoomableImageView.maximumZoomScale = 5;
    this.zoomableImageView.animated = true;

    this.addChild(this.zoomableImageView);
  }

  onShow() {
    super.onShow();
  }

  onLoad() {
    super.onLoad();
    this.initZoomableImageView();
  }
}