Child component action bar replaced by parent component action bar


#1

i am facing issue with child component action bar was replaced with parent component Action Bar

parent component

<NavigationButton ios:visibility="collapsed" icon="res://menu" (tap)="onDrawerButtonTap()"></NavigationButton>

<ActionItem icon="res://navigation/menu" android:visibility="collapsed" (tap)="onDrawerButtonTap()" ios.position="left">
</ActionItem>
<Label class="contact-label" text="My Profile"></Label>

child component

<NavigationButton ios:visibility="collapsed" icon="res://menu" (tap)="onDrawerButtonTap()"></NavigationButton>

<ActionItem icon="res://navigation/menu" android:visibility="collapsed" (tap)="onDrawerButtonTap()" ios.position="left">
</ActionItem>
<Label class="contact-label" text="My Profile"></Label>
// parent component selector
<StackLayout row="0" col="0">
    <label text="&#xf084;" class="fa" ></label>