<Page 
    xmlns="http://schemas.nativescript.org/tns.xsd" loaded="navigatingTo">
    <Page.actionBar>
        <ActionBar title="4385">
            <NavigationButton text="Go Back" android.systemIcon="ic_menu_back" tap="onNavBtnTap"/>
        </ActionBar>
    </Page.actionBar>
    <StackLayout>
        <!--In xml the new line can be set with &#xA;-->
        <Button style="text-align:center; background-color:yellow" textWrap="true" class="btnIcon" >
            <Button.formattedText>
                <formattedString>
                    <formattedString.spans>
                        <Span text="&#xf1ec; text-align: center" fontSize="14">
                        </Span>
                        <Span text="&#xA;new line">
                        </Span>
                    </formattedString.spans>
                </formattedString>
            </Button.formattedText>
        </Button>
        <Button style="text-align:center; background-color:green" textWrap="true" class="btnIcon" >
            <button.formattedText>
                <formattedString>
                    <formattedString.spans>
                        <Span text="code behind" fontSize="14">
                        </Span>
                        <Span text="{{ test }}">
                        </Span>
                    </formattedString.spans>
                </formattedString>
            </button.formattedText>
        </Button>
    </StackLayout>
</Page>