如何在操作栏“ Nativescript”中添加三个操作项

时间:2019-07-15 07:43:31

标签: angular nativescript

我想在左侧显示一个菜单栏图标,最后一个标签在中间,最后是另一个添加图标,这将打开模式,但我面临一个问题,每次添加图标都位于菜单栏图标的左侧。

我尝试过android.position,里面是stacklayout,但还是一样的问题

它每次都会写左一个。

1 个答案:

答案 0 :(得分:1)

将此示例代码用于具有三个操作项的自定义操作栏。

本机代码:-

<ActionBar backgroundColor="#007FA3">
    <GridLayout columns="auto,*,auto" orientation="horizontal" ios:padding="0 10" height="100%" width="100%">
        <Image width="25" height="25" src="~/app/icons/left_wht.png" horizontalAlignment="left"
            verticalAlignment="center" class="action-bar-nav" col="0" tintColor="#ffffff">
        </Image>
        <Label text="PageTitle" fontSize="22" color="white" horizontalAlignment="center" verticalAlignment="center"
            col="1"></Label>
        <Image width="25" height="25" src="~/app/icons/shopping-cart.png" verticalAlignment="center" col="2"
            tintColor="#ffffff" marginRight="15"></Image>
    </GridLayout>
</ActionBar>

Image here