NativeScript:网格布局行重叠

我是NativeScript的新手，正在尝试创建我的第一个应用程序。我创建了以下使用XML的接口，它看起来不像我期望的那样

图像按其应有的方式显示在屏幕顶部，但随后所有标签都显示在其下方的行中，彼此堆叠在一起

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded">
    <GridLayout columns="auto, *" rows="auto, *">
        <Image row="0" col="0" colSpan="2" src="{{ imageUrl }}" /> 

        <Label row="1" col="0" text="row1-col0" cssClass="" />
        <Label row="1" col="1" text="{{ value1 }}" cssClass="" />

        <Label row="2" col="0" text="row2-col0" cssClass="" />
        <Label row="2" col="1" text="{{ value2 }}" cssClass="" />

        <Label row="3" col="0" text="row3-col0" cssClass="" />
        <Label row="3" col="1" text="{{ value3 }}" cssClass="" />

        <Label row="4" col="0" text="row4-col0" cssClass="" />
        <Label row="4" col="1" text="{{ value4 }}" cssClass="" />
    </GridLayout>
</Page>

另外，我找不到

列或
行的文档记录位置，因此我怀疑这可能是个问题，因为其余部分对我来说似乎没有问题

我做错了什么？任何帮助都将不胜感激。谢谢大家!
 您需要为rows属性中的每一行指定单位/值

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded">
    <GridLayout columns="auto, *" rows="auto, auto, auto, auto, auto">
        <Image row="0" col="0" colSpan="2" src="{{ imageUrl }}" /> 

        <Label row="1" col="0" text="row1-col0" cssClass="" />
        <Label row="1" col="1" text="{{ value1 }}" cssClass="" />

        <Label row="2" col="0" text="row2-col0" cssClass="" />
        <Label row="2" col="1" text="{{ value2 }}" cssClass="" />

        <Label row="3" col="0" text="row3-col0" cssClass="" />
        <Label row="3" col="1" text="{{ value3 }}" cssClass="" />

        <Label row="4" col="0" text="row4-col0" cssClass="" />
        <Label row="4" col="1" text="{{ value4 }}" cssClass="" />
    </GridLayout>
</Page>



有三个可能的值：

自动：该值表示应在不受约束的情况下计算内容。因此，它将根据行的内容设置行的高度

星形：带有*的行将平均分割可用高度

像素：具有数字值（如50、100等）的行将把行的高度设置为该数量的像素

为了理解布局，我遇到了这个有用的链接：
你搞定了。我认为问题出在
列
和
行
，但找不到链接。非常感谢。