Popup implementation in NativeScript

page.xml

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onLoaded" navigatedTo="onNavigatedTo" actionBarHidden="true">
  <Button id="bOpenPopup" text="Open popup" tap="onOpenPopupTap" />
</Page>

popup.js

// tns plugin add nativescript-popup
const { Popup } = require("nativescript-popup")

exports.onOpenPopupTap = (args) => {
  const page = args.object
  const popup = new Popup({
    backgroundColor: 'white',
    height: 50,
    width: 100,
    unit: "%",
    elevation: 10,
    borderRadius: 25
  })
  popup.showPopup(page.getViewById('bOpenPopup'), '~/path/to/some/template.xml')
}

template.xml

<StackLayout>
  <Label text="This is some template" textWrap="true" />
</StackLayout>