Drop down menu Nativescript操作栏下拉列表导航

我试图用Nativescript在Actionbar中实现一个下拉列表导航，但似乎找不到任何关于它的信息

类似于和

我目前有一个简单的操作栏：

    <Page.actionBar>
        <Page.actionBar>
            <ActionBar>
                <ActionBar.actionItems>
                    <ActionItem android.position="actionBar" icon="res://icon" ios.position="right" />
                </ActionBar.actionItems>
            </ActionBar>
        </Page.actionBar>
    </Page.actionBar>

---

任何提示？

您可以在第一个示例图像中创建ActionBar，如下所示：

        <Page.actionBar>
        <ActionBar>
            <ActionBar.actionItems>
                <ActionItem android.position="popup" text="Add contact" />
                <ActionItem android.position="popup" text="About" />
            </ActionBar.actionItems>
        </ActionBar>
    </Page.actionBar>

这在Android上看起来很不错。我不知道如何让它在iOS上工作。

我已经用过了。以下是我的nativescript angular模板：

<ActionBar title="Some title" automationText="ActionBar">
    <StackLayout orientation="horizontal"
                 ios:horizontalAlignment="center"
                 android:horizontalAlignment="left">
                    <DropDown #dd
                      [items]="dropDownItems"
                      [selectedIndex]="dropDownSelectedId"
                      (selectedIndexChanged)="onDropDownSelect($event)"
                      class="action-label text-bold"
                      row="1" colSpan="2">
                    </DropDown>
    </StackLayout>
</ActionBar>

希望有帮助

我曾经为Android和iOS添加弹出菜单。在HTML文件中添加以下代码，以在操作栏中添加菜单图标

<ActionBar class="action-bar-container">
<Label text="My Action Bar" class="action-bar-title"></Label>
      <ActionItem class="fas" icon="font://&#xf142;" ios.position="left" id="menuBtn" (tap)="buttonTap()"></ActionItem>
</ActionBar>

  buttonTap() {
    Menu.popup({
      view: this.page.getViewById("menuBtn"),
      actions: ["Example", "NativeScript", "Menu"]
    })
      .then(action => {
        alert(action.id + " - " + action.title);
      })
      .catch(console.log);
  }