使用Nativescript更改颜色和图标菜单

时间:2018-07-27 08:28:07

标签: angular menu nativescript

我在所有组件中都有此菜单:

<GridLayout rows="*,60">
    <StackLayout row="1" orientation="horizontal" class="foot" backgroundColor="#eae8e8" padding = "10 5 10 5" >
        <StackLayout [nsRouterLink]="['/home']" width="25%" textAlignment="center">
            <Image src="~/assets/images/home.png" width="20" height="20" stretch="aspectFit"></Image>
            <Label text="Home">
            </Label>
        </StackLayout>
        <StackLayout [nsRouterLink]="['/settings']" width="25%" textAlignment="center">
            <Image src="~/assets/images/settings.png" width="20" height="20" stretch="aspectFit"></Image>
            <Label text="Setting">
            </Label>
        </StackLayout>
        <StackLayout [nsRouterLink]="['/photos']" width="25%" textAlignment="center">
            <Image src="~/assets/images/photos.png" width="30" height="20" stretch="aspectFit"></Image>
            <Label text="Photos">
            </Label>
        </StackLayout>
        <StackLayout [nsRouterLink]="['/gallery']" width="25%" textAlignment="center">
            <Image src="~/assets/images/gallery.png" width="20" height="20" stretch="aspectFit"></Image>
            <Label text="Gallery">
            </Label>
        </StackLayout>
    </StackLayout>
</GridLayout>

我想要,当我单击菜单时更改文本中的颜色,像菜单PlayGround中的颜色图像 image

Demo

0 个答案:

没有答案