ActionItem - NativeScript-Vue

El componente ActionItem es utilizado para agregar botones (con acciones) al componente ActionBar.

Uso básico

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

Mostrando elementos con condicionales

Los elementos <ActionItem> pueden ser representados usando condiciones con la directiva 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>

Propiedades

Nombre	Tipo	Descripcioón
`ios.systemIcon`	`Number`	Obtiene o establece el ícono para iOS. El valor debe ser un número de la enumeración `UIBarButtonSystemItem`.
`android.systemIcon`	`String`	Obtiene o Establece el ícono para Android. El valor debe ser el nombre de un recurso drawable
`ios.position`	`String`	Estabelece la posición del item en iOS. Valores posibles: - `left` (valor por defecto): Coloca el item en el lado izquierdo del componente ActionBar. - `right`: Coloca el item en el lado derecho del componente ActionBar.
`android.position`	`String`	Estabelece la posición del item en Android. Valores posibles: - `actionBar` (valor por defecto): Coloca el item en el componente `ActionBar`. - `popup`: Coloca el item en el menú de opciones (el item será mostrado como texto) - `actionBarIfRoom`: Coloca el item en el componente `ActionBar`, siempre y cuando haya espacio suficiente. De lo contrario, coloca el item en el menú de opciones.

Eventos

Nombre	Descripción
`tap`	Emitido cada vez que el item es presionado.

Componente nativo

Android	iOS
`android.widget.Toolbar`	`UINavigationItem`