Skip to content

Latest commit

 

History

History
64 lines (51 loc) · 2.71 KB

action-item.md

File metadata and controls

64 lines (51 loc) · 2.71 KB
title apiRef contributors
ActionItem
ianaya89
msaelices

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