ActionItem - NativeScript-Vue

<ActionItem>は、<ActionBar>コンポーネントにアクションボタンを追加するためのUIコンポーネントです。

基本的な使い方

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

状況に応じてアクションアイテムを表示する

状況に応じて<ActionItem>コンポーネントを表示するために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>

Props

名前	型	説明
`ios.systemIcon`	`Number`	iOSで、`ActionItem`のアイコンを取得・設定します。値は`UIBarButtonSystemItem` enumerationで指定されている数字でなければいけません。
`android.systemIcon`	`String`	Androidで、`ActionItem`のアイコンを取得・設定します。値は drawable resourceで指定されている名前でなければいけません。
`ios.position`	`String`	iOSの`ActionBar`内で`ActionItem`の位置を取得・設定します。使用できる値は: `left` が `right`です。デフォルトの値は`left`です。
`android.position`	`String`	Androidの`ActionBar`内で`ActionItem`の位置を取得・設定します。使用できる値: `actionBar` (アイテムをアクションバー内に設置して下さい) `popup` (アイテムをオプションメニューの中に設定して下さい、テキストとして描写されます。) `actionBarIfRoom` (十分なスペースがあるなら、`ActionBar`の中にアイテムを設置してください。そうでなければ、オプションメニューの中に設置してください。) デフォルトの値は`actionBar`です。

Events

名前	説明
`tap`	`ActionItem`がタップされたときに通達されます。

Native component

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