import PageSampleDesign from 'generated/pages/pageSample';
import FlexLayout from '@smartface/native/ui/flexlayout';
import Application from '@smartface/native/application';
import System from '@smartface/native/device/system';
//You should create new Page from UI-Editor and extend with it.
export default class Sample extends PageSampleDesign {
// Overrides super.onShow method
this.onShow = onShow.bind(this, this.onShow.bind(this));
// Overrides super.onLoad method
this.onLoad = onLoad.bind(this, this.onLoad.bind(this));
this.layout.flexDirection = FlexLayout.FlexDirection.COLUMN;
this.layout.justifyContent = FlexLayout.JustifyContent.CENTER;
this.layout.alignItems = FlexLayout.AlignItems.CENTER;
* This event is called when a page appears on the screen (everytime).
* @param {function} superOnShow super onShow function
* @param {Object} parameters passed from Router.go function
function onShow(superOnShow: () => void) {
const { headerBar } = this;
Application.statusBar.visible = false;
headerBar.visible = false;
* This event is called once when page is created.
* @param {function} superOnLoad super onLoad function
function onLoad(superOnLoad: () => void) {
System.clipboard = System.OS;
console.log(System.clipboard);