This is an overview of the most common usage of ActionBar. For more information about the available properties, methods, or events, head over to the complete API documentation for ActionBar.
O componente ActionBar é uma abstração do NativeScript para o ActionBar do Android e o NavigationBar do iOS.
<ActionBar title="MyApp" />
<ActionBar>
<StackLayout orientation="horizontal">
<Image src="res://icon" width="40" height="40" verticalAlignment="center" />
<Label text="NativeScript" fontSize="24" verticalAlignment="center" />
</StackLayout>
</ActionBar>
<ActionBar title="My App" android.icon="res://icon" android.iconVisibility="always" />
No iOS e no Android, uma pequena borda é desenhada na parte debaixo da ActionBar. Além disso, a cor de fundo da ActionBar no iOS, é um pouco diferente da que você especifica porque o iOS aplica um filtro. Para remover o filtro e a borda defina flat
como true
.
<ActionBar title="My App" flat="true" />
nome | tipo | descrição |
---|---|---|
title | String | O título que será mostrado na ActionBar. |
android.icon | String | O ícone que será mostrado no Android. |
android.iconVisibility | String | Define quando o ícone é visível. |
flat | boolean | Remove a borda e o filtro de cores do iOS. Padrão false . |