NativeScript/tests/app/styling/mainPage.ts

import * as pagesModule from "ui/page";
import * as enums from "ui/enums";
import * as stackLayoutModule from "ui/layouts/stack-layout";
import * as buttonModule from "ui/button";
import * as labelModule from "ui/label";
import * as textFieldModule from "ui/text-field";
import * as textViewModule from "ui/text-view";
import * as colorModule from "color";

export function createPage() {
    var width = 200;
    var textAlignment = enums.TextAlignment.right;

    var stack = new stackLayoutModule.StackLayout();
    var view;

    view = new buttonModule.Button();
    view.width = width;
    view.style.backgroundColor = new colorModule.Color("Blue");
    view.style.textAlignment = textAlignment;
    view.text = "Button";
    stack.addChild(view);

    view = new labelModule.Label();
    view.width = width;
    view.text = "Label";
    view.style.backgroundColor = new colorModule.Color("Green");
    view.style.textAlignment = textAlignment;
    stack.addChild(view);

    view = new textFieldModule.TextField();
    view.width = width;
    view.text = "TextField";
    view.style.backgroundColor = new colorModule.Color("Yellow");
    view.style.textAlignment = textAlignment;
    stack.addChild(view);

    view = new textViewModule.TextView();
    view.width = width;
    view.text = "TextView";
    view.style.backgroundColor = new colorModule.Color("Red");
    view.style.textAlignment = textAlignment;
    stack.addChild(view);

    var page = new pagesModule.Page();
    page.content = stack;
    return page;
}
//export var Page = page;