Nativescript Angular 6 - Добавление значка со строкой в ​​заголовок панели действий

Question

Использование Angular 6 с Nativescript.Для одной из моих страниц я хочу, чтобы заголовок панели действий был раскрывающимся списком, поэтому я хочу отображать текст со значком вниз.

В настоящее время это то, что у меня есть, но я не могу понять, как добавить что-либо кроме текста в заголовок панели действий: `` `

<ActionBar [title]="user.userName" class="profile-head">
  <ActionItem
    ios.position="left"
    android.position="left">
        <Label
            class="fal"
            text="&#xf234;"></Label>
    </ActionItem>
  <ActionItem
    ios.position="right"
    android.position="right">
        <Label
            class="fas"
            text="&#xf013;">
        </Label>
    </ActionItem>
</ActionBar>

`` `

Answer 1

Использовать Custom TitleView .

Пример

<ActionBar title="test">
  <StackLayout orientation="horizontal"
    ios:horizontalAlignment="center"
    android:horizontalAlignment="left">
    <Label text="YourTest"  class="action-label"></Label>
    <Image src="res://Your_Image" class="action-image"></Image>
  </StackLayout>
</ActionBar>