Угловой абсолютный Nativescript в gridlayout не работает

Question

Я новичок с nativescript и пытаюсь выяснить, что я делаю не так с grid.

Как я понял, AbsoluteLayout - это то же самое, что и "absolute" в сети, а GridLayout - это как flex со строками и столбцами. Поэтому я пытаюсь сделать верхний заголовок абсолютным поверх всего:

<GridLayout  rows="auto, *" >
        <AbsoluteLayout >

        <GridLayout #homeHeader backgroundColor="#F6F6F5"    rows="auto,auto,*" >


                <custom-action-bar  #title [row]="0" title="List"></custom-action-bar>


                <search  [row]="1" (submit)="onSearch($event)" (clear)="onClear()" ></search>




        </GridLayout>
    </AbsoluteLayout>

    <StackLayout row="1">
    <ListView>
    <GridLayout>
    Here is the content I scroll which is in GridLayout.
    </GridLayout>

    </ListView>
    </StackLayout>

    </GridLayout>

Результат:

Обычная сетка, без абсолютного макета, заголовок действует как StackLayout, отталкивая другой StackLayout.

Ожидаемое поведение:

Мой заголовок станет абсолютным поверх всего.

Вопрос:

Как сделать так, чтобы мой заголовок всегда был сверху - абсолютным, чтобы я мог перевести анимацию на него? (В будущем я хочу, чтобы заголовок onscroll скрывался с анимацией перевода)