NativeScript/tests/app/styling/mainPage.ts

import pagesModule = require("ui/page");
import enums = require("ui/enums");
import stackLayoutModule = require("ui/layouts/stack-layout");
import buttonModule = require("ui/button");
import labelModule = require("ui/label");
import textFieldModule = require("ui/text-field");
import textViewModule = require("ui/text-view");
import colorModule = require("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;