GridLayout中的Angular Nativescript绝对不起作用

Question

我对nativescript不熟悉，并试图找出我对grid做错了什么。

据我了解，AbsoluteLayout与Web中的“绝对”相同，而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。

预期的行为：

我的标题将成为一切的绝对基础。

问题：

如何使标题始终位于顶部（绝对位置），以便我可以对他制作动画？ （将来我希望在滚动标题中隐藏翻译动画）