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

This is an overview of the most common usage of ActionItem. For more information about the available properties, methods, or events, head over to the complete API documentation for ActionItem.

O componenete ActionItem é usado para incluir botões de ação adicionais na ActionBar.


<ActionBar title="My App">
  <ActionItem @tap="onTapShare"
    ios.systemIcon="9" ios.position="left"
    android.systemIcon="ic_menu_share" android.position="actionBar" />
  <ActionItem @tap="onTapDelete"
    ios.systemIcon="16" ios.position="right"
    text="delete" android.position="popup" />
</ActionBar>

Condicionalmente mostrando action itens

As ActionItems podem ser exibidas com base em uma condição usando a diretiva v-show.

<ActionBar title="My App">
  <ActionItem @tap="onTapEdit"
    v-show="!isEditing"
    ios.systemIcon="2" ios.position="right"
    android.systemIcon="ic_menu_edit" />
  <ActionItem @tap="onTapSave"
    v-show="isEditing"
    ios.systemIcon="3" ios.position="right"
    android.systemIcon="ic_menu_save" />
  <ActionItem @tap="onTapCancel"
    v-show="isEditing"
    ios.systemIcon="1"
    android.systemIcon="ic_menu_close_clear_cancel" />
</ActionBar>

Propriedades

nometipodescrição
ios.systemIconStringDefine o ícone para iOS.
android.systemIconStringDefine o ícone para Android.
ios.positionStringDefine a posição para o iOS.
Possíveis valores:
- left (padrão): Coloca o item do lado esquerdo da ActionBar.
- right: Coloca o item do lado direito da ActionBar.
android.positionStringDefine a posição para o Android.
Possíveis valores:
- actionBar (padrão): Coloca o item na ActionBar.
- popup: Coloca o item no menu de opções. Os itens serão renderizado como texto.
- actionBarIfRoom: Coloca o item na ActionBar se houver espaço. Caso contrário, coloca no menu de opções.

Eventos

nomedescrição
tapEmitido quando o ActionItem for tocado.
Contributors