Навигация по списку действий Nativescript Actionbar

Question

Я пытаюсь реализовать раскрывающийся список навигации в Actionbar с помощью Nativescript, но, похоже, не может найти никакой информации об этом.

Похож на this и this.

В настоящее время я просто 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> 

Любые советы?

Answer 1

Вы можете создать 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.

Answer 2

Я использовал NativeScript DropDown для этого. Вот мой шаблон для nativescript-углового:

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

Надеюсь, это поможет!