NativeScript/apps/app/ui-tests-app/flexbox/flexbox.ts

import {isAndroid} from "platform";
import * as flexbox from "ui/layouts/flexbox-layout";

function set(what: string) {
    return function(args) {
        args.object.page.getViewById("container")[what] = args.object.text;
    }
}

export const flexDirection = set("flexDirection");
export const flexWrap = set("flexWrap");
export const justifyContent = set("justifyContent");
export const alignItems = set("alignItems");
export const alignContent = set("alignContent");

let lastSelection = null;
export function select(args) {
    console.log("Select: " + args.object);
    lastSelection = args.object;

    if (isAndroid) {
        let layoutParams = lastSelection.android.getLayoutParams();
        console.log("Selection: " + lastSelection + ": " + layoutParams);
        console.log(" - margin: " + layoutParams.topMargin + " " + layoutParams.rightMargin + " " + layoutParams.bottomMargin + " " + layoutParams.leftMargin);
    }
}

export function order({object}) {
    if (!lastSelection) {
        return;
    }
    let value = object.text;
    console.log("Set order " + value + " " + lastSelection);
    flexbox.FlexboxLayout.setOrder(lastSelection, object.text);
}

export function flexGrow({object}) {
    if (!lastSelection) {
        return;
    }
    let value = object.text;
    console.log("Set flexGrow " + value + " " + lastSelection);
    flexbox.FlexboxLayout.setFlexGrow(lastSelection, object.text);
}

export function flexShrink({object}) {
    if (!lastSelection) {
        return;
    }
    let value = object.text;
    console.log("Set flexShrink " + value + " " + lastSelection);
    flexbox.FlexboxLayout.setFlexShrink(lastSelection, object.text);
}

// TODO: Align self