ActionItem - NativeScript-Vue

ActionItem - компонент, используемый для добавления дополнительных кнопок действия на 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>

Условное отображение элементов действий

Элементы действий могут быть отображены на основе условия с использованием директивы 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>

Свойства

Имя	Тип	Описание
`ios.systemIcon`	`String`	Устанавливет иконку для iOS.
`android.systemIcon`	`String`	Устанавливает иконку для Android.
`ios.position`	`String`	Устанавливает расположение для iOS. Допустимые значения: - `left` (по-уолчанию): Устанавливает элемент с левого края в ActionBar. - `right`: Устанавливает элемент с правого края в ActionBar.
`android.position`	`String`	Устанавливает расположение Android. Допустимые значения: - `actionBar` (по-уолчанию): Устанавливает элемент внутри ActionBar. - `popup`: Устанавливает элемент в меню опций. Элемент будет отрисован как текст. - `actionBarIfRoom`: Устанавливает элемент в ActionBar, если для него есть достаточно места. Иначе располагает элемент в меню опций..

События

Имя	Описание
`tap`	Вызывается при нажатии на ActionItem.