NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
ActionBar

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.


Usando um título

<ActionBar title="MyApp" />

Usando um título personalizado

<ActionBar>
  <StackLayout orientation="horizontal">
    <Image src="res://icon" width="40" height="40" verticalAlignment="center" />
    <Label text="NativeScript" fontSize="24" verticalAlignment="center" />
  </StackLayout>
</ActionBar>

Configurando um ícone de aplicativo para Android

<ActionBar title="My App" android.icon="res://icon" android.iconVisibility="always" />

Removendo a borda

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" />

Propriedades

nometipodescrição
titleStringO título que será mostrado na ActionBar.
android.iconStringO ícone que será mostrado no Android.
android.iconVisibilityStringDefine quando o ícone é visível.
flatbooleanRemove a borda e o filtro de cores do iOS. Padrão false.
Contributors