const {
  Application,
  Frame,
  Page,
  Button,
  Image,
} = require("@nativescript/core");

let count = 0;

const makeModalPage = () => {
  const page = new Page();
  page.id = `page${count++}`;

  const image = new Image();

  image.src =
    "https://i.picsum.photos/id/669/5000/5000.jpg?hmac=VlpchW0ODhflKm0SKOYQrc8qysLWbqKmDS1MGT9apAc";

  page.content = image;

  return page;
};

Application.run({
  create() {
    const rootFrame = new Frame();
    rootFrame.navigate({
      create: () => {
        const page = new Page();
        const button = new Button();

        button.text = "Open Image";
        button.on("tap", () => {
          rootFrame.navigate({
            create() {
              return makeModalPage();
            },
          });
        });

        page.content = button;

        return page;
      },
    });

    return rootFrame;
  },
});